如何分析UI設(shè)計(jì)作品

　　很多同學(xué)問(wèn)過(guò)我一個(gè)相同的問(wèn)題：看到一個(gè)作品，覺(jué)得很好，但是具體哪里好，就說(shuō)不上來(lái)了!今天帶著這個(gè)問(wèn)題，AAA教育郭老師帶大家一起來(lái)聊聊如何把一個(gè)作品進(jìn)行拆解，然后系統(tǒng)的去分析好與壞。
 

　　當(dāng)然我們只是單純的從視覺(jué)角度來(lái)分析，先能把視覺(jué)層面的分析明白就很不錯(cuò)了。
 

　　我一般會(huì)把一個(gè)視覺(jué)作品拆分為以下幾個(gè)層面來(lái)進(jìn)行分析：
 

　　1.創(chuàng)意2.配色3.造型4.質(zhì)感5.構(gòu)圖6.排版
 

　　我們逐一來(lái)聊一下：
 

　　1.創(chuàng)意
 

　　創(chuàng)意是設(shè)計(jì)的靈魂，看一個(gè)作品，我會(huì)先看它的創(chuàng)意，有時(shí)候創(chuàng)意到位了，即使沒(méi)有那么多花里胡哨的技法，也可以讓觀看者感覺(jué)震撼。
 

　　比如下面這幾個(gè)來(lái)自國(guó)外設(shè)計(jì)師的圖標(biāo)插畫：

 

　　沒(méi)有復(fù)雜的技法，但是我們可以深刻的感受到工作帶給我們的疲憊感，這就是創(chuàng)意的力量。
 

　　當(dāng)然這幾個(gè)插畫圖標(biāo)，除了創(chuàng)意，離不開(kāi)夸張?jiān)煨偷南噍o相成。
 

　　再來(lái)一個(gè)例子，我做的這個(gè)性別開(kāi)關(guān)按鈕：

 

　　利用性別圖標(biāo)與開(kāi)關(guān)的結(jié)合，再配合動(dòng)效，產(chǎn)生一定的創(chuàng)意，讓觀看者有點(diǎn)新穎的感覺(jué)。
 

　　創(chuàng)意如果真的恰到好處，即使沒(méi)有其他包裝修飾，也可以很震撼，所以這個(gè)要素是我首先去分析的。
 

　　2.配色
 

　　配色層面也是非常出效果的，顏色可以快速給人第一感覺(jué)，比如一說(shuō)微信可以想到綠色，一說(shuō)支付寶可以想到藍(lán)色等等。
 

　　很多作品都是靠顏色吸引眼球的，比如下面這組作品，顏色用的就比較不常見(jiàn)，但是又很舒服，那就是顏色比較出彩，沒(méi)跑了：

 

　　除了知道它顏色用的好，不常見(jiàn)以外，最基本的配色手法，你也要能回答出來(lái)，比如第一張用了藍(lán)紅對(duì)比色，第二張用了綠紅互補(bǔ)色，加上小面積點(diǎn)綴色，再配合柔和的漸變，讓畫面精美舒服。
 

　　這些都是我們?cè)诜治鲎髌泛脡牡臅r(shí)候，能說(shuō)出來(lái)的套話，哈哈。
 

　　3.造型
 

　　造型其實(shí)是很難把控的，尤其涉及到復(fù)雜結(jié)構(gòu)的時(shí)候，如果形能做的很出彩，那真的是難得的人才。
 

　　比如像霖霖這種作品：

 

　　其中最大的亮點(diǎn)之一就是造型，你說(shuō)顏色或許可以模仿模仿，但是這造型，不是從小畫畫真是整不來(lái)!
 

　　再比如下面這組作品：

 

　　也是在造型方面比較有出彩，讓人眼前一亮。
 

　　如果美術(shù)功底不深，不太建議從復(fù)雜的造型方面做突破口，一旦造型沒(méi)整明白，其他層面又沒(méi)有亮點(diǎn)，那這作品肯定是涼涼了!
 

　　4.質(zhì)感
 

　　質(zhì)感是我個(gè)人比較喜歡的一個(gè)層面，其他層面如果做不好，就可以用質(zhì)感來(lái)補(bǔ)救一下。
 

　　像下面這個(gè)作品：

 

　　元素、配色、構(gòu)圖都 比較簡(jiǎn)單，唯一出彩的層面就是質(zhì)感渲染的比較好，比較真實(shí)。
 

　　或者加一些特殊材質(zhì)，磨砂、金屬等等，像下面這個(gè)，就是加了個(gè)類似于磨砂的材質(zhì)：

 

　　一下子就有亮點(diǎn)了，你說(shuō)如果沒(méi)有這個(gè)特殊材質(zhì)，妥妥的平淡無(wú)奇，而且后面那根棍子還有點(diǎn)臟，哈哈哈哈!
 

　　所以說(shuō)，質(zhì)感真的相當(dāng)重要!
 

　　5.構(gòu)圖
 

　　構(gòu)圖也很容易出效果，一個(gè)不常見(jiàn)的構(gòu)圖，很容易打動(dòng)觀賞者。
 

　　游戲里面的場(chǎng)景構(gòu)圖玩的比較開(kāi)，整的都挺酷的：

 

　　像我下面這個(gè)作品：

 

　　除了構(gòu)圖還行，其他的也就沒(méi)啥了，但也就是有了這么一個(gè)小亮點(diǎn)，也就夠了，總比什么都沒(méi)有強(qiáng)一些。
 

　　6.排版
 

　　排版是個(gè)細(xì)活，以前寫過(guò)一篇關(guān)于排版的細(xì)節(jié)，很多時(shí)候排版可以拯救一個(gè)不咋滴的頁(yè)面。
 

　　很多封面在排版層面做的就比較好，比如下面這幾個(gè)封面：

 

　　排版做的就還不錯(cuò)。
 

　　總結(jié)
 

　　好了，以上6點(diǎn)就是我在平時(shí)分析一個(gè)作品時(shí)候的緯度，希望以后大家在看作品的時(shí)候，可以多多拆分思考，看看這作品在哪個(gè)層面做的比較出彩，然后學(xué)以致用。
 

　　千萬(wàn)別說(shuō)自己的不會(huì)分析作品了哦!
 

　　長(zhǎng)點(diǎn)心，比啥都強(qiáng)!點(diǎn)個(gè)贊看，更強(qiáng)!
 

　　因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)?jiān)L問(wèn)AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。