大家好，我是小拿~

今天來看看“在線實習”吾研項目第三期——付費邀請模塊UI同學實習作品的評審。

本期作品大家的完成度比較好，但是有一些小問題，一起來看看。

先來看一下Blue同學的作品

1
回答進行中

大拿老師點評：

1.這是一個邀請完大V 之后看到的頁面，整個頁面的樣式、布局空間非常的舒服。

2.一般來說標簽最長可能會在七、八個字。

3.結(jié)束時間就有點過了，我們當時說到秒，不需要到秒之后。

4.“我”做了重點的突出。

5.這位同學的作品我覺得比我們官方內(nèi)部的實習生做的要好。

2
最佳回答

大拿老師點評：

1.這個頁面是回答完成，選中最佳回答之后的頁面，“最佳回答”小圖標的樣式做得非常好，起到了增加回答權(quán)重的效果。

2.回答正文的字體樣式有示范就好，加上行高和段高。

3.最底部有一個“追問”。

3
最佳評選中

大拿老師點評：

1.三個人回答問題之后，由提問者選取最佳回復，然后會把價錢給到這個人。

2.下面的提示有點問題，字體應該偏小了。

3.如果用750的寬，要注意字體大小乘以二，不然發(fā)到手機上字體會比較小。在正常14的字號下，有個小邊距的話，一般在二十個字左右。

4
分答咨詢

大拿老師點評：

1.如果一個比較資深的人怎么看一個頁面呢？先看全局，如果覺得忽然難受，那一定是局部塊的設計有問題。

2.所以這個同學的作品從設計角度來講，已經(jīng)達到了校招工作的技能標準，但是，一定要從產(chǎn)品角度和用戶習慣角度再增強一下界面交互，那么就沒什么問題了。

大拿老師點評：

1.這個地方就有點難受了，從布局上就發(fā)現(xiàn)這兩塊有點不太搭配，考慮一下全部板塊跟下面這些模塊怎么去展開，因為現(xiàn)在上面有一欄Tab，導致“全部版塊”看起來有點孤零零的，可能要考慮給它加個樣式。

2.“1元旁聽”這個布局不是很好，不太適合用一個比較大的按鈕，尤其按鈕的高度已經(jīng)高出這一行了，可以考慮再小一點，甚至可以換一下效果。

5
提問邀請環(huán)節(jié)

大拿老師點評：

1.這么放“邀請”實際上交互上會有個問題，感覺可能會點錯，中間的間隔太多，剛才有個咨詢完成度，可以考慮把它們關(guān)聯(lián)起來。

2.做完之后發(fā)到手機上去看一下，現(xiàn)在這種布局，感覺前后脫離了，可能會混淆，可能要加一個分塊兒或者把字體高度改改，可能會改變它。

3.我覺得不是設計、顏色搭配的問題，而是一些交互或者設計原則的問題。

大拿老師點評：

1.最后是一個邀請的頁面，上面是一個提問塊兒，這個塊兒我覺得是有點問題的。大家做的塊完全看不到輸入框，所以至少加一個焦點，不然前端是不知道怎么去做的。

2.其實這里的板塊我覺得就是一個設計點所在，為什么剛才在分答板塊的首頁不用一個樣式去區(qū)分呢？這個同學能力沒有問題，只要發(fā)現(xiàn)問題就可以把它解決掉。

3.下面的標簽可能不行，如果字比較多，可能要考慮給第二行的標簽，要考慮一下它的長度，基本上一個標簽會在七八個字的最大長度，所以最好下面再畫一個。

大拿老師點評：

1.一般來說，我們的操作條會在右邊，不要打亂我們平時的一個交互規(guī)則。

2.支付這里少個價錢，可能原型圖沒有畫，價格是二十塊錢。

3.那么這個同學的作品就到這里，整體來看是非常不錯的。

4.我覺得可以達到九分，有些小瑕疵，修改的話可以把這個作品作為我們的官方版，基本上是沒有任何問題的。

再來看一下曹璐同學的作品

1
回答

大拿老師點評：

1.曹璐同學的作品，整體來看會發(fā)現(xiàn)有一些刺眼，這個可能還是一個問題，就是寬在七百五十的時候，字體沒有乘以二。

2.因為手機上都是高分屏，二倍圖會比較常用。如果用寬度為750的方案，文本就一定要乘以二。這樣的話，這個圖片放在手機上的布局是OK的。

3.這個不是主要問題，這個頁面文本樣式、布局的問題不是很大。但這個配色會發(fā)現(xiàn)很扎眼睛，特別的亮。你會發(fā)現(xiàn)你的注意點都會這些標簽上，因為太亮了，重點還是讓用戶看到問題和答案，顏色的使用要注意一下。

4.“最佳回答”四個字的顏色實際上不應該出現(xiàn)在有深藍色的頁面里面，兩個顏色其實并不搭，不屬于相反色也不屬于相近色，非常扎眼睛。所以這個地方我們最好用樣式來突出，而不是通過顏色的變化來突出。

5.一般來說UI的頁面跟平面設計不一樣，平面設計可能更要突出設計風格。而平面重要的在于用戶交互，怎么讓用戶覺得看著很舒服、重點很突出，可以去參考“知乎”的配色。

6.圖片不要放那么小，后面放兩張、三張的話，布局就非常別扭，不要做特殊處理。

大拿老師點評：

1.這個追問和回答其實看起來就非常的別扭。

2.這個專業(yè)回答沒有區(qū)別的嗎？從產(chǎn)品觀上面看不出它的一個交互，沒有把產(chǎn)品的區(qū)分度做開。他的回答和他的追問回答是不是應該把它隔開，或者做個樣式，所以我覺得是一個要考慮的事情。

3.這里面藍色的塊太多，有一個作為主功能是可以的，但是如果到處都是這樣的塊，其實不是特別好。

2
旁觀頁面

大拿老師點評：

詳情頁要注意，旁聽在的地方有點奇怪，可以考慮一下是不是可以置底，要不然它的高度可能挺奇怪。這個按鈕怎么會出現(xiàn)在一個孤零零的灰色背景上面，布局上出了問題。

3
回答進行中

大拿老師點評：

1.用了同色的時候就發(fā)現(xiàn)太同頻了，有一點小別扭，因為顏色太深了，再用同樣顏色就會覺得單調(diào)，“回答進行中”可以考慮橙色之類的顏色，這是一個技巧性問題。

2.你看時間和日期這個地方就“打架”了，上面一個灰的，下面一個灰的，不對齊，看起來就非常別扭。

3.字體的大小要注意，“12：39：12”這個字號我覺得是合理的，因為這個字號應該就是乘以二的字號，但是用戶名這里的字就很小了。要么做到整體變，要么整體不變。

大拿老師點評：

這個提示塊感覺不完美，孤零零的在這塊，至少也應該是不換行，要不然這個標看著就非常難受，有點孤單，最好給它個背景把它給隔開。

4
我的

大拿老師點評：

1.你看這個頁面看起來就很難受，你就看不到重點了，這個顏色不搭檔，看起來非?；ǎ粎f(xié)調(diào)。

2.所以顏色的選用是設計最基本的一個環(huán)節(jié)。一般來說相近色用的少， 在有塊兒的時候，對比色會更多一點。

好，那么大的事情就是這樣，兩位同學的完成度都非常的高，花了很多的力氣。

官方最佳就給Blue同學，然后我們就以Blue同學的作品作為官方版本。