本期，我們一起看看學長認證模組——UI同學的作品評審。
拿好小板凳，做好筆記，我們開始吧！
我們拿了兩個典型的作品進行了一個講解，做的特色都還不錯，但是都有些小問題。
先來看一下第一位同學的作品。
首先整個作品分為兩部分：
一部分是上傳的流程，另一個是認證的流程。
一. 上傳示例
大拿老師點評：
1. 如果是未認證狀態，可以進來就直接顯示在認證的首頁。
2. 其實這個過程只需要兩步就足夠，特別是官方版中，基本資訊和認證渠道其實在一個頁面上。
3. 從設計效果來說沒有問題，但是從他的資料角度來看，其實是有一點問題的。一般來說這種是有一箇中間的快取的渠道。你退出來再進來，使用者還可以再從這兒開始。但是如果按目前的開發體系進來之後就又會重新開始。
二. 認證結果
大拿老師點評：
1. 重點去考慮我們產品這個地方最後的定稿，能否讓前端使用vant的框架元件庫中的樣式。UI同學一定要去看看vant元件庫常用的樣式是否可行，我們可以要在其基礎上進行修改，而不是單獨做一套，沒有太大意義。
2. UI的一個常備技能點：工作中，尤其後臺功能的輸入框或者選擇框等，UI同學要去參考一些第三方已經成熟的移動端框架樣式。然後再考慮是否要修改樣式，還是說改改佈局。這樣的話前端會比較方便。
3. 但大部分的業務端，也就是正常頁面端中使用者使用的流程，需要我們要自己來設計，一定要注意，我們這個認證模組有點像工具化的那麼一個模組。
三. 認證流程
大拿老師點評：
1. 實際上它的對準是有問題的，有點亂。上面顏色出現問題之後，導致有一點視覺上的衝突啊，之間的分割是一個注意的點。
2. 在校時間：其實產品給的不是這麼一種原型，UI可以去調整產品的互動，但是要去確定前端能不能實現。
3. 你要考慮開發能不能實現，而不是自己樂意去畫著玩，尤其在移動端，能不能有這種元件的實現啊，所以這也是一個配合性的問題。
4. 如果你在簡歷裡面寫到，“在設計的時候，產品給的方案是兩個框。但是我覺得可以收起來做成單個框，最後遇到了前端開發同學的問題。”那這個問題簡歷上寫出來之後，實際上就可以給你加分。為什麼？因為你在學校裡就遇到了工作後每一個人、包括UI才會注意到的點。面試官一定會很在意。
四. 認證渠道
大拿老師點評：
1. 認證渠道（二選一）：這塊的樣式，有點醜啊，看上去好像就是孤零零的幾個塊兒，感覺就不成一個樣式。
2. 然後這個獲取驗證碼的樣式要做全，注意倒數計時的時候不能點。
3. 上傳圖片上傳完之後的樣式是怎麼樣的？注意閉環。
大拿老師評分時間：
這位同學整體呢，有一些小的互動、設計的問題。但是從大角度來講，就是同學的一些設計思路還是要繼續去提高一下。這個同學做的還不錯，我覺得可以達到七分。
那麼繼續看下一個同學的作品。
一. 認證介面
大拿老師點評：
1. 他的這個頁面的佈局非常舒服。
2. 第一個問題，就是他加了一些原型沒有的元素，比如說，id這個欄位，這是產品欄位，實際上是不應該出現的，不應該增加元素。
3. 如果是增加文字的話，是可以的。但是你做完之後或者在做的同時要問一下開發能不能做這個、要不要加個提醒，所以這個是可以去協調的。但是不要增加功能點，這是一個功能點。因為現在產品沒有給出 id 是什麼。
二. 認證稽核
大拿老師點評：
1. 沒有佈局感，感覺是比較凌亂的放在一起。不要給出這麼多資訊，認證原先上只給了兩個資訊，就是他的學校和他的專業，一定要遵守我們的原型。
2. 有些東西是可以選填的，而且這樣佈局就比較難看。
3. 這是個認證環節，可以去做像增加文字和修改文字，這是文字調動，不會很大去更改產品功能點，最後跟產品也會去溝通。但是不要增加或者修改功能點，產品功能點的修改影響產品的一個策略，所以這個一定要注意。
4. 在目前的階段，儘量還是以官方的功能為主。
三. 認證材料
大拿老師點評：
1. 有個很彆扭的地方，就是說白色底塊看著非常的不舒服
2. 少一個閉環。我們做UI一定要有一個閉環，那你下面再給出一列驗證碼倒數計時的樣式，還有上傳完成的樣式。那這個就要給出來，要不然開發可能會覺得比較痛苦。
大拿老師評分時間：
那麼實際上這個同學的作品，從樣式上和佈局上，看起來還蠻舒服。這個作品可以給到八分，是一個不錯的作品。
歡迎關注我們的WX公眾號“拿OFFER”，獲取更多校招資訊和硬核乾貨。