你的UI設(shè)計合格嗎?收好這4個維度的自測清單
今天討論一個對于新人普遍且迫切的問題,那就是 —— 如何分辨界面的好壞。
這對于設(shè)計師來說是最重要的能力,尤其在初學(xué)階段,對界面好壞的分辨能力決定了我們能否判斷自己作品的優(yōu)劣,如果連自己作品優(yōu)劣都判斷不了,那進步就無從談起,它是初學(xué)者進步的基石。
界面的專業(yè)評判角度
評價設(shè)計的好壞,是一種專業(yè)能力,是需要經(jīng)過專業(yè)學(xué)習(xí)和訓(xùn)練才能掌握的技能。所以我們首先要認(rèn)識,評價作品好壞需要從哪些角度出發(fā),才能知道所需專業(yè)的知識要求有哪些,以及如何進行提升。
進行設(shè)計作品評價的第一步,就是確定評價的范圍和標(biāo)準(zhǔn),這也是最最最重要的基礎(chǔ)。因為一個作品可以從不同的角度和范圍進行解讀,就會得到不同的評價結(jié)果。
比如評價一個界面,我們是僅評價這個界面的視覺本身,還是會變成探討整個項目的視覺風(fēng)格、產(chǎn)品提供的功能服務(wù)、所屬集團的企業(yè)戰(zhàn)略等,這是個聽起來很離譜但是卻很常見的問題。
舉個具體的案例,比如我們之前做肯德基界面改版,在圍繞視覺部分做優(yōu)化的目標(biāo)下,很多人的評價會變成“沒那味兒(不夠土)”、“老板不喜歡”、“運營不懂” 等,這些問題壓根就不是改版的目標(biāo),而改版中針對問題的解決方案是否合理閉口不談。
或者在很多大廠設(shè)計團隊發(fā)到網(wǎng)上的設(shè)計案例,下面的評價一大堆是在點評產(chǎn)品體驗、服務(wù)、策略的,卻不直接討論設(shè)計本身的優(yōu)劣。
這就是評價偏離原有目標(biāo)和范圍的直觀表現(xiàn),看起來既尷尬又荒謬,它們這不叫評價設(shè)計而叫抬杠,是種外行且不專業(yè)的表現(xiàn)。
一定要以這些案例警醒自己,設(shè)計作品的評價是需要制定目標(biāo)和范圍的,否則只是無效的評價對我們一點幫助和成長都沒有。
基于這個認(rèn)識,我們就可以理解作品評價最底層的維度,客觀評價和主觀評價。
客觀評價是使用專業(yè)視角分析,用專業(yè)的經(jīng)驗、知識、理論來探討設(shè)計的合理性和優(yōu)劣。而主觀評價則是基于我們個人的性格特點和偏好來評價設(shè)計,是純個人角度。對于任何對象的評價這兩者都會共存,而我們要做的就是辨識、隔離它們,讓他們不相互作用和影響。
就像一個頂級廚師可以做出專業(yè)角度無可挑剔的海鮮料理,但如果你不喜歡海鮮,它做的再好你也不會喜歡,但從品鑒角度上你必須拋棄自己的喜好去評價它。所以作為職業(yè)人士,我們要做到的,就是即使是自己不喜歡的設(shè)計類型,也能用一種客觀、專業(yè)的視角去看待它,而不是被自己的主觀偏好牽著鼻子走。
接著,我們就要討論客觀評價的部分,本篇分享我們就聚焦再單一頁面設(shè)計上的評價(不考慮整個項目),那么就可以從下面幾個不同的維度進行討論,分別是:
- 規(guī)范標(biāo)準(zhǔn)
- 交互可用性
- 視覺樣式
- 設(shè)計感
維度 1:規(guī)范標(biāo)準(zhǔn)
規(guī)范標(biāo)準(zhǔn)指的是對界面設(shè)計最基本的要求,也是我們評價一個界面的第一個步驟。比如系統(tǒng)組件的使用是否正確,最小字號是否在可見范圍里,內(nèi)容信息的預(yù)覽是否清晰可見等。
如果這些標(biāo)準(zhǔn)沒有滿足,那這個界面的設(shè)計就屬于連入門都還沒達(dá)到,沒有往后探討評價的必要。比如下面這些案例:
維度 2:交互可用性
交互可用性即該頁面提供的功能是否是能用的,雖然一個頁面往往不會表現(xiàn)出太多的交互性,但很多設(shè)計得很激進的樣式會缺乏這部分的考慮,從而導(dǎo)致交互就存在不完整或其它缺陷。
對于設(shè)計樣式很特殊的“飛機稿”,交互可用性問題就非常突出。雖然單一頁面的設(shè)計評價交互和體驗不是重點,但它們首先要保證可用,如果可用性都不具備,同樣也是不及格的設(shè)計。
維度 3:視覺樣式
視覺樣式即界面中包含的平面、圖標(biāo)、組件樣式的設(shè)計水平,比如最基礎(chǔ)的平面四要素對齊、親密、對比、重復(fù)的使用情況。很多設(shè)計細(xì)節(jié)看起來不對勁、不精致的作品,幾乎都可以從這四個角度去中找出問題。
再到圖標(biāo)的設(shè)計,圖標(biāo)是否風(fēng)格和整體貼合,尺寸是否前后一致等問題。
再到組件層面,組件的樣式?jīng)Q定界面的最終設(shè)計,做的“不好看”的界面必然有組件的問題,所以可以再聚焦到界面中的具體組件,來考慮它們設(shè)計的合理性。
維度 4:設(shè)計感
設(shè)計感就是界面設(shè)計專業(yè)性、美觀度的水平,即設(shè)計的好還是不好。
而只有在前三個維度都已經(jīng)找不出問題以后,才能真正進入設(shè)計感的討論,這是新手和外行無法認(rèn)識到的第一點。因為前三個維度是對界面的基礎(chǔ)要求,是完成優(yōu)秀界面確定的、必要的條件,反應(yīng)了設(shè)計師本身的基礎(chǔ)掌握水平,是評價設(shè)計的及格線的標(biāo)準(zhǔn)。如果這種基礎(chǔ)都做不好,就等于沒過及格線,也就沒到討論設(shè)計感的時候。
而設(shè)計感本身又是個抽象的概念,很難用一種標(biāo)準(zhǔn)的、確定的方式去描述它。所以我只給出我自己的定義邏輯,給大家提供一定的參考。
第一檔,是剛過及格線的“不出錯”的“安全的”設(shè)計。即界面都符合專業(yè)標(biāo)準(zhǔn),設(shè)計得有板有眼,但沒辦法說它們設(shè)計的非常好非常有設(shè)計感,但要說它哪里有毛病又挑不出來。
比如類似像微信、網(wǎng)易郵箱、澎拜新聞等應(yīng)用,就屬于這類范疇,安全卻又平庸。
第二檔,則是視覺效果豐富,包含較有特點的創(chuàng)意、風(fēng)格、特征的設(shè)計。這類界面在一些消費類應(yīng)用中非常常見,花哨但不失專業(yè)性,炫技能炫出讓人接受的結(jié)果。
第三檔,則是明顯和市面常見風(fēng)格形成差異性,有自己獨立設(shè)計特征和風(fēng)格的設(shè)計,且不再沉溺于炫技和疊加效果,而是更追求“恰到好處”的設(shè)計(我們俗稱的這個 B 裝的正好,多了點細(xì)節(jié)在里面)。這也是設(shè)計感的最終體現(xiàn) —— 高級感。
能滿足這種標(biāo)準(zhǔn)的設(shè)計并不多,比如早年拿過紅點獎的韓國應(yīng)用 29cm(案例比較老,但是有開創(chuàng)性,感興趣可以自己找找),這些設(shè)計往往都能成為行業(yè)的標(biāo)桿,需要先有足夠的閱片量,才能比較好的區(qū)分它和炫技設(shè)計之間的區(qū)別。
最后總結(jié)一遍,評價界面設(shè)計好壞首先要確定自己是按客觀角度還是主觀角度去評價,主觀角度想怎么評隨便你,你開心就好(你的草原你的馬,你想咋耍就咋耍)……
而從客觀角度出發(fā)的話,就包含兩個階段的評價。第一個階段是對專業(yè)基礎(chǔ)要求的審視,包括規(guī)范、可用性、視覺三個維度,只有它們都符合要求以后才進入到對設(shè)計感的評價。
而設(shè)計感分三個階段,第一檔是僅及格的普通的、平庸的設(shè)計,第二檔是酷炫的、復(fù)雜的設(shè)計,第三階段則是獨特的、高級的設(shè)計。
客觀評價設(shè)計是有門檻的,需要專業(yè)知識儲備的,這也是很多初學(xué)者無法有效評價設(shè)計的原因。但這就說明初學(xué)者不能評價設(shè)計只能埋頭學(xué)習(xí)嗎?當(dāng)然也不是。
對于初學(xué)者來說,最重要的是能建立起優(yōu)秀設(shè)計的模糊標(biāo)準(zhǔn),并以此審視你看到的界面。達(dá)不到這個標(biāo)準(zhǔn)的就是不及格的,達(dá)到這個這個標(biāo)準(zhǔn)的就是優(yōu)秀的,即使你自己也不知道原因。
這個標(biāo)準(zhǔn)是會隨著你的經(jīng)驗、實踐、審美的提升也逐步上升,而我們要做的就是讓它跑在我們的實踐水平前面,這樣才能確保我們無法對自己當(dāng)前的設(shè)計水平表示滿意,從而去發(fā)現(xiàn)問題,形成進步的。
而具體應(yīng)該怎么建立這種標(biāo)準(zhǔn),或者說提升前期的審美,篇幅關(guān)系我們就留到下篇分享再做說明!!
結(jié)尾
評價設(shè)計好對于專業(yè)設(shè)計師來說再感官上是很清晰簡單的,但要具體描述、解釋出來卻很麻煩,這也是我們很難和你們解釋這個設(shè)計好還是壞的
而這種能力是每個設(shè)計師都必須掌握的,否則設(shè)計水平就只能原地踏步。對于有工作經(jīng)驗但設(shè)計水平停滯不前的設(shè)計師,你們可以自己思考下這方面的能力是否也已經(jīng)止步不前很久了?
作者:超人的電話亭
想了解更多網(wǎng)絡(luò)營銷的內(nèi)容,請訪問:網(wǎng)絡(luò)營銷