今天討論一個(gè)對(duì)于新人普遍且迫切的問題，那就是 —— 如何分辨界面的好壞。

這對(duì)于設(shè)計(jì)師來說是最重要的能力，尤其在初學(xué)階段，對(duì)界面好壞的分辨能力決定了我們能否判斷自己作品的優(yōu)劣，如果連自己作品優(yōu)劣都判斷不了，那進(jìn)步就無從談起，它是初學(xué)者進(jìn)步的基石。

界面的專業(yè)評(píng)判角度

評(píng)價(jià)設(shè)計(jì)的好壞，是一種專業(yè)能力，是需要經(jīng)過專業(yè)學(xué)習(xí)和訓(xùn)練才能掌握的技能。所以我們首先要認(rèn)識(shí)，評(píng)價(jià)作品好壞需要從哪些角度出發(fā)，才能知道所需專業(yè)的知識(shí)要求有哪些，以及如何進(jìn)行提升。

進(jìn)行設(shè)計(jì)作品評(píng)價(jià)的第一步，就是確定評(píng)價(jià)的范圍和標(biāo)準(zhǔn)，這也是最最最重要的基礎(chǔ)。因?yàn)橐粋€(gè)作品可以從不同的角度和范圍進(jìn)行解讀，就會(huì)得到不同的評(píng)價(jià)結(jié)果。

比如評(píng)價(jià)一個(gè)界面，我們是僅評(píng)價(jià)這個(gè)界面的視覺本身，還是會(huì)變成探討整個(gè)項(xiàng)目的視覺風(fēng)格、產(chǎn)品提供的功能服務(wù)、所屬集團(tuán)的企業(yè)戰(zhàn)略等，這是個(gè)聽起來很離譜但是卻很常見的問題。

舉個(gè)具體的案例，比如我們之前做肯德基界面改版，在圍繞視覺部分做優(yōu)化的目標(biāo)下，很多人的評(píng)價(jià)會(huì)變成“沒那味兒（不夠土）”、“老板不喜歡”、“運(yùn)營(yíng)不懂” 等，這些問題壓根就不是改版的目標(biāo)，而改版中針對(duì)問題的解決方案是否合理閉口不談。

或者在很多大廠設(shè)計(jì)團(tuán)隊(duì)發(fā)到網(wǎng)上的設(shè)計(jì)案例，下面的評(píng)價(jià)一大堆是在點(diǎn)評(píng)產(chǎn)品體驗(yàn)、服務(wù)、策略的，卻不直接討論設(shè)計(jì)本身的優(yōu)劣。

這就是評(píng)價(jià)偏離原有目標(biāo)和范圍的直觀表現(xiàn)，看起來既尷尬又荒謬，它們這不叫評(píng)價(jià)設(shè)計(jì)而叫抬杠，是種外行且不專業(yè)的表現(xiàn)。

一定要以這些案例警醒自己，設(shè)計(jì)作品的評(píng)價(jià)是需要制定目標(biāo)和范圍的，否則只是無效的評(píng)價(jià)對(duì)我們一點(diǎn)幫助和成長(zhǎng)都沒有。

基于這個(gè)認(rèn)識(shí)，我們就可以理解作品評(píng)價(jià)最底層的維度，客觀評(píng)價(jià)和主觀評(píng)價(jià)。

客觀評(píng)價(jià)是使用專業(yè)視角分析，用專業(yè)的經(jīng)驗(yàn)、知識(shí)、理論來探討設(shè)計(jì)的合理性和優(yōu)劣。而主觀評(píng)價(jià)則是基于我們個(gè)人的性格特點(diǎn)和偏好來評(píng)價(jià)設(shè)計(jì)，是純個(gè)人角度。對(duì)于任何對(duì)象的評(píng)價(jià)這兩者都會(huì)共存，而我們要做的就是辨識(shí)、隔離它們，讓他們不相互作用和影響。

就像一個(gè)頂級(jí)廚師可以做出專業(yè)角度無可挑剔的海鮮料理，但如果你不喜歡海鮮，它做的再好你也不會(huì)喜歡，但從品鑒角度上你必須拋棄自己的喜好去評(píng)價(jià)它。所以作為職業(yè)人士，我們要做到的，就是即使是自己不喜歡的設(shè)計(jì)類型，也能用一種客觀、專業(yè)的視角去看待它，而不是被自己的主觀偏好牽著鼻子走。

接著，我們就要討論客觀評(píng)價(jià)的部分，本篇分享我們就聚焦再單一頁面設(shè)計(jì)上的評(píng)價(jià)（不考慮整個(gè)項(xiàng)目），那么就可以從下面幾個(gè)不同的維度進(jìn)行討論，分別是：

1. 規(guī)范標(biāo)準(zhǔn)
2. 交互可用性
3. 視覺樣式
4. 設(shè)計(jì)感

維度 1：規(guī)范標(biāo)準(zhǔn)

規(guī)范標(biāo)準(zhǔn)指的是對(duì)界面設(shè)計(jì)最基本的要求，也是我們?cè)u(píng)價(jià)一個(gè)界面的第一個(gè)步驟。比如系統(tǒng)組件的使用是否正確，最小字號(hào)是否在可見范圍里，內(nèi)容信息的預(yù)覽是否清晰可見等。

如果這些標(biāo)準(zhǔn)沒有滿足，那這個(gè)界面的設(shè)計(jì)就屬于連入門都還沒達(dá)到，沒有往后探討評(píng)價(jià)的必要。比如下面這些案例：

維度 2：交互可用性

交互可用性即該頁面提供的功能是否是能用的，雖然一個(gè)頁面往往不會(huì)表現(xiàn)出太多的交互性，但很多設(shè)計(jì)得很激進(jìn)的樣式會(huì)缺乏這部分的考慮，從而導(dǎo)致交互就存在不完整或其它缺陷。

對(duì)于設(shè)計(jì)樣式很特殊的“飛機(jī)稿”，交互可用性問題就非常突出。雖然單一頁面的設(shè)計(jì)評(píng)價(jià)交互和體驗(yàn)不是重點(diǎn)，但它們首先要保證可用，如果可用性都不具備，同樣也是不及格的設(shè)計(jì)。

維度 3：視覺樣式

視覺樣式即界面中包含的平面、圖標(biāo)、組件樣式的設(shè)計(jì)水平，比如最基礎(chǔ)的平面四要素對(duì)齊、親密、對(duì)比、重復(fù)的使用情況。很多設(shè)計(jì)細(xì)節(jié)看起來不對(duì)勁、不精致的作品，幾乎都可以從這四個(gè)角度去中找出問題。

再到圖標(biāo)的設(shè)計(jì)，圖標(biāo)是否風(fēng)格和整體貼合，尺寸是否前后一致等問題。

再到組件層面，組件的樣式?jīng)Q定界面的最終設(shè)計(jì)，做的“不好看”的界面必然有組件的問題，所以可以再聚焦到界面中的具體組件，來考慮它們?cè)O(shè)計(jì)的合理性。

維度 4：設(shè)計(jì)感

設(shè)計(jì)感就是界面設(shè)計(jì)專業(yè)性、美觀度的水平，即設(shè)計(jì)的好還是不好。

而只有在前三個(gè)維度都已經(jīng)找不出問題以后，才能真正進(jìn)入設(shè)計(jì)感的討論，這是新手和外行無法認(rèn)識(shí)到的第一點(diǎn)。因?yàn)榍叭齻€(gè)維度是對(duì)界面的基礎(chǔ)要求，是完成優(yōu)秀界面確定的、必要的條件，反應(yīng)了設(shè)計(jì)師本身的基礎(chǔ)掌握水平，是評(píng)價(jià)設(shè)計(jì)的及格線的標(biāo)準(zhǔn)。如果這種基礎(chǔ)都做不好，就等于沒過及格線，也就沒到討論設(shè)計(jì)感的時(shí)候。

而設(shè)計(jì)感本身又是個(gè)抽象的概念，很難用一種標(biāo)準(zhǔn)的、確定的方式去描述它。所以我只給出我自己的定義邏輯，給大家提供一定的參考。

第一檔，是剛過及格線的“不出錯(cuò)”的“安全的”設(shè)計(jì)。即界面都符合專業(yè)標(biāo)準(zhǔn)，設(shè)計(jì)得有板有眼，但沒辦法說它們?cè)O(shè)計(jì)的非常好非常有設(shè)計(jì)感，但要說它哪里有毛病又挑不出來。

比如類似像微信、網(wǎng)易郵箱、澎拜新聞等應(yīng)用，就屬于這類范疇，安全卻又平庸。

第二檔，則是視覺效果豐富，包含較有特點(diǎn)的創(chuàng)意、風(fēng)格、特征的設(shè)計(jì)。這類界面在一些消費(fèi)類應(yīng)用中非常常見，花哨但不失專業(yè)性，炫技能炫出讓人接受的結(jié)果。

第三檔，則是明顯和市面常見風(fēng)格形成差異性，有自己獨(dú)立設(shè)計(jì)特征和風(fēng)格的設(shè)計(jì)，且不再沉溺于炫技和疊加效果，而是更追求“恰到好處”的設(shè)計(jì)（我們俗稱的這個(gè) B 裝的正好，多了點(diǎn)細(xì)節(jié)在里面）。這也是設(shè)計(jì)感的最終體現(xiàn) —— 高級(jí)感。

能滿足這種標(biāo)準(zhǔn)的設(shè)計(jì)并不多，比如早年拿過紅點(diǎn)獎(jiǎng)的韓國(guó)應(yīng)用 29cm（案例比較老，但是有開創(chuàng)性，感興趣可以自己找找），這些設(shè)計(jì)往往都能成為行業(yè)的標(biāo)桿，需要先有足夠的閱片量，才能比較好的區(qū)分它和炫技設(shè)計(jì)之間的區(qū)別。

最后總結(jié)一遍，評(píng)價(jià)界面設(shè)計(jì)好壞首先要確定自己是按客觀角度還是主觀角度去評(píng)價(jià)，主觀角度想怎么評(píng)隨便你，你開心就好（你的草原你的馬，你想咋耍就咋耍）……

而從客觀角度出發(fā)的話，就包含兩個(gè)階段的評(píng)價(jià)。第一個(gè)階段是對(duì)專業(yè)基礎(chǔ)要求的審視，包括規(guī)范、可用性、視覺三個(gè)維度，只有它們都符合要求以后才進(jìn)入到對(duì)設(shè)計(jì)感的評(píng)價(jià)。

而設(shè)計(jì)感分三個(gè)階段，第一檔是僅及格的普通的、平庸的設(shè)計(jì)，第二檔是酷炫的、復(fù)雜的設(shè)計(jì)，第三階段則是獨(dú)特的、高級(jí)的設(shè)計(jì)。

客觀評(píng)價(jià)設(shè)計(jì)是有門檻的，需要專業(yè)知識(shí)儲(chǔ)備的，這也是很多初學(xué)者無法有效評(píng)價(jià)設(shè)計(jì)的原因。但這就說明初學(xué)者不能評(píng)價(jià)設(shè)計(jì)只能埋頭學(xué)習(xí)嗎？當(dāng)然也不是。

對(duì)于初學(xué)者來說，最重要的是能建立起優(yōu)秀設(shè)計(jì)的模糊標(biāo)準(zhǔn)，并以此審視你看到的界面。達(dá)不到這個(gè)標(biāo)準(zhǔn)的就是不及格的，達(dá)到這個(gè)這個(gè)標(biāo)準(zhǔn)的就是優(yōu)秀的，即使你自己也不知道原因。

這個(gè)標(biāo)準(zhǔn)是會(huì)隨著你的經(jīng)驗(yàn)、實(shí)踐、審美的提升也逐步上升，而我們要做的就是讓它跑在我們的實(shí)踐水平前面，這樣才能確保我們無法對(duì)自己當(dāng)前的設(shè)計(jì)水平表示滿意，從而去發(fā)現(xiàn)問題，形成進(jìn)步的。

而具體應(yīng)該怎么建立這種標(biāo)準(zhǔn)，或者說提升前期的審美，篇幅關(guān)系我們就留到下篇分享再做說明?。?/p>

結(jié)尾

評(píng)價(jià)設(shè)計(jì)好對(duì)于專業(yè)設(shè)計(jì)師來說再感官上是很清晰簡(jiǎn)單的，但要具體描述、解釋出來卻很麻煩，這也是我們很難和你們解釋這個(gè)設(shè)計(jì)好還是壞的

而這種能力是每個(gè)設(shè)計(jì)師都必須掌握的，否則設(shè)計(jì)水平就只能原地踏步。對(duì)于有工作經(jīng)驗(yàn)但設(shè)計(jì)水平停滯不前的設(shè)計(jì)師，你們可以自己思考下這方面的能力是否也已經(jīng)止步不前很久了？

作者：超人的電話亭