前言
這里附上近期精細點評的8個作品，同時也歡迎其他同學的踴躍參加，我與邵飛老師會盡可能幫助大家做到細節(jié)上的指引；
UI設計是一個科學而嚴謹?shù)墓ぷ?，掌間的方寸之中，我們要思考在保證界面視覺規(guī)范的同時，展現(xiàn)出優(yōu)秀的視覺設計，還要思考如何讓設計更合理的服務好產品與用戶；
下面我們從規(guī)范、配色、界面層次、設計落地等角度解析一下本次活動收到的一些作品。
作品一
@vvan10 作品名：伽友
規(guī)范層：★☆☆☆☆
視覺層：★☆☆☆☆
產品層：★★☆☆☆
整體點評：
對于在校時期完成的作品，還是值得鼓勵的，App品牌周邊的探索也值得肯定。
作品在規(guī)范層面上做得不是特別好。在UI設計中，一些常見組件的規(guī)范要處處遵守，只有做好了每處小細節(jié)，最后才會有一個完整規(guī)范的產出。
排版、色彩等方面的視覺設計上，可以多看視覺競品，并進行更多的嘗試。
問題總結：界面設計要遵守設計規(guī)范和組件規(guī)范。
代表性界面點評：
設計規(guī)范和組件規(guī)范如何落實？
小小的一個導航欄也會有具體到像素級別的規(guī)范，這些點上可以參閱操作系統(tǒng)的規(guī)范文檔。
作品二
@野生馴獸師 作品名：袋鼠理財——金融APP設計
規(guī)范層：★★☆☆☆
視覺層：★★☆☆☆
產品層：★★☆☆☆
整體點評：
作品在圖標等設計細節(jié)處都有花心思刻畫，并且有自己的想法。
但在規(guī)范層面，太多沒有深思熟慮的想法，表現(xiàn)在界面中，造成了組件不規(guī)范，層級不合理的視覺觀感；
視覺設計上，過多的深色和金色的刻畫，顯得部分界面變得雜亂，影響信息的傳達；
產品層面上做了很多細致的分析，但出發(fā)點應該更多的從產品和用戶的層面思考。
問題總結：界面層級略顯凌亂。
代表性界面點評：
如何理解界面的層級？
一個扁平的界面，由不同的規(guī)范組件構成，這些組件在界面中由于出現(xiàn)的頻次、重要程度的不同，在Z軸高度上也略有不同，通過下面的案例可以一起來觀察一下：
作品三
@YiiChang 作品名：ii Movies App Concept Design
規(guī)范層：★★★★☆
視覺層：★★★★☆
產品層：★★★☆☆
整體點評：
作品整體風格統(tǒng)一，視覺設計上也非常出色。
在規(guī)范層和視覺層基本沒有問題，個別版面的排版問題需要注意，不能為了視覺美觀造成版面擁擠，犧牲閱讀體驗。
同樣地，如果是國內的產品，使用英文排版也會顯得不落地；
設計最終是要推出市場接受檢驗的，部分界面要多從用戶和產品的出發(fā)點思考，要有理有據(jù)且避免過分炫技。
問題總結：視覺設計概念化、不落地。
代表性界面點評：
怎么理解分析界面的不落地性呢？
界面在視覺上完成度已經比較高時，主要通過服務產品和服務用戶兩個方面來思考，可以通過下面的案例來一起思考：
大多數(shù)成熟優(yōu)秀的競品，并不是在視覺上做得十分完美，但是在產品層面上必定是非常優(yōu)秀的，必定是通過數(shù)據(jù)檢驗可以良好服務產品與用戶需求的。
作品四
@Mooguer 作品名：一格網APP
規(guī)范層：★★★★☆
視覺層：★★★★☆
產品層：★★★☆☆
整體點評：
作品的插圖和情感化設計非常亮眼，設計整體感覺相對成熟平穩(wěn)。
規(guī)范層面沒有太大問題；視覺上，部分界面要注意版塊層級和版塊的精細度刻畫，如作品中常見的卡片設計；
一些banner等視覺版塊也可以融入更多的視覺技巧，相對而言整個產品比較平整，缺乏視覺亮點；
問題總結：設計細節(jié)加工、卡片化設計細節(jié)。
代表性界面點評：
怎么應用設計趨勢？
最近流行的卡片化設計有哪些設計要點，小小卡片有什么門道，我們從形狀、投影、色彩來進行分析：
作品五
@明天出去玩 作品名：美食星球-美食社交類APP視覺設計
規(guī)范層：★★☆☆☆
視覺層：★★★☆☆
產品層：★★★☆☆
整體點評：
作品完成度比較高，運營氛圍的營造也還可以。
在規(guī)范上，版塊內容的字號、間距、高度等規(guī)范需要重點注意，各個組件的細節(jié)也要進行統(tǒng)一；
視覺上，配圖的質量和統(tǒng)一性需要注意，視覺層級的劃分上比較凌亂，比如重點版塊使用卡片設計而非卡片的濫用；
作品展示中可以多從產品和用戶角度進行分析闡述，相信你下一次的作品會更棒～
問題總結：產品配圖質量低、不遵守設計規(guī)范。
代表性界面點評：
怎么控制圖片品質？
界面的配圖怎樣才能好看且合適，下面從配圖的落地性、質量、構圖比例三個方面來梳理：
舉例說明：
假如是掛號產品，配圖中專家配圖的選擇就應該是中國人；
旅游產品的景點描述，配圖則要注意色彩清晰度和圖片的藝術感；
如果是商品列表，就要保證所有商品的配圖，主體明確、空間透視相同......
作品六
@丸紙SAMA 作品名：高品質家具零售定制APP_Buy+
規(guī)范層：★★★☆☆
視覺層：★★★☆☆
產品層：★★☆☆☆
整體點評：
作品的整體風格色彩比較概念化，組件的規(guī)范上還需要加強，視覺上雖然偏向于簡潔風，但是部分版面缺少產品基礎的信息，如沒有文案的banner；
在長圖中進行的描述比較細致，但是很多功能點都沒有具體展示在界面設計之中；
在分析中可以適當使用方法論，比如產品主打的“高品質”“定制家具”，可以通過分析用戶畫像和情緒板確定產品主色，這樣得出的結論會比現(xiàn)在的色彩搭配更加科學合理。
問題總結：產品分析不夠嚴謹、界面不夠落地。
代表性界面點評：
如何理解方法論在設計中的應用？
善用設計方法論，可以幫助設計師在具體設計上有理有據(jù)的進行輸出。
如下方例子，金剛區(qū)版塊圖標的重新排版設計，跟據(jù)十字交叉分析，最終的結果兼顧了版塊盈利和用戶需求：
作品七
@利云designer 作品名：便游-APP設計
規(guī)范層：★★★★☆
視覺層：★★★★☆
產品層：★★☆☆☆
整體點評：
整個作品清爽簡潔，給人一種夏日出行的清新感。
各處規(guī)范細節(jié)掌握的也比較到位，整體看下來完整度較高。
注意作品中大量的標題字體采用了黑色偏暗紅的傾向，看起來有點臟，不符合的產品的氣質，可以嘗試使用偏藍色；
視覺基礎達標，但是運營設計較薄弱，banner等設計不完整，氛圍并沒有展現(xiàn)出來；
產品層面來看，作為旅行一站式的工具化產品，首頁展示的功能不全面，旅行各個階段的痛點解決入口沒有妥善呈現(xiàn)，大篇幅的出現(xiàn)了游記等信息是否符合產品的功能定位呢？
問題總結：運營設計待加強、產品功能布局待優(yōu)化。
代表性界面點評：
如何更好地入手banner？
banner設計如何入手呢？
我們可以運用拆分思維，將復雜的版塊拆分成若干個組成部分，然后再逐個擊破：
作品八
@大pig佩琦 作品名：某地產企業(yè)應用app-萬科e生活
規(guī)范層：★★★★☆
視覺層：★★★★☆
產品層：★★★☆☆
整體點評：
作品交互合理，排版錯落有致，對信息的分類和模塊的復用都做得不錯。
規(guī)范層面基本已無問題，注意個別卡片內的信息，排版過于緊湊，字體過小，導致呼吸感較差；
視覺上中規(guī)中矩，但對版塊與版塊間的層級梳理還有待加強，可以著重突出數(shù)據(jù)版塊，弱化部分視覺點綴；
作為管理展示后臺，一些功能的分布，以及交互的入口展示可以根據(jù)產品需求進一步優(yōu)化凸顯。
問題總結：版塊內排版優(yōu)化、功能交互的梳理優(yōu)化。
代表性界面點評：
如何理解呼吸感與大小控制？
UI設計中任何版塊細節(jié)的大小呼吸感都十分重要，在具體操作時，有哪些值得注意借鑒的細節(jié)點呢？下面的圖標案例一起來看一下：
感謝閱覽
閱讀到這里，不妨點贊支持下吧；
同時也希望：同學們多多參與本次的UI點評活動，我們也會盡可能給大家做好指點工作~
