旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > 如何分析UI設(shè)計作品

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

時間:2020-09-14來源:mwtacok.cn點擊量:作者:Gella
時間:2020-09-14點擊量:作者:Gella

  很多同學(xué)問過我一個相同的問題:看到一個作品,覺得很好,但是具體哪里好,就說不上來了!今天帶著這個問題,AAA教育郭老師帶大家一起來聊聊如何把一個作品進行拆解,然后系統(tǒng)的去分析好與壞。
 

  當(dāng)然我們只是單純的從視覺角度來分析,先能把視覺層面的分析明白就很不錯了。
 

  我一般會把一個視覺作品拆分為以下幾個層面來進行分析:
 

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

  我們逐一來聊一下:
 

  1.創(chuàng)意
 

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

  比如下面這幾個來自國外設(shè)計師的圖標(biāo)插畫:

 



 

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

  當(dāng)然這幾個插畫圖標(biāo),除了創(chuàng)意,離不開夸張造型的相輔相成。
 

  再來一個例子,我做的這個性別開關(guān)按鈕:

 



 

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

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

  2.配色
 

  配色層面也是非常出效果的,顏色可以快速給人第一感覺,比如一說微信可以想到綠色,一說支付寶可以想到藍色等等。
 

  很多作品都是靠顏色吸引眼球的,比如下面這組作品,顏色用的就比較不常見,但是又很舒服,那就是顏色比較出彩,沒跑了:

 



 

  除了知道它顏色用的好,不常見以外,最基本的配色手法,你也要能回答出來,比如第一張用了藍紅對比色,第二張用了綠紅互補色,加上小面積點綴色,再配合柔和的漸變,讓畫面精美舒服。
 

  這些都是我們在分析作品好壞的時候,能說出來的套話,哈哈。
 

  3.造型
 

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

  比如像霖霖這種作品:

 



 

  其中最大的亮點之一就是造型,你說顏色或許可以模仿模仿,但是這造型,不是從小畫畫真是整不來!
 

  再比如下面這組作品:

 



 

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

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

  4.質(zhì)感
 

  質(zhì)感是我個人比較喜歡的一個層面,其他層面如果做不好,就可以用質(zhì)感來補救一下。
 

  像下面這個作品:

 



 

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

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

 



 

  一下子就有亮點了,你說如果沒有這個特殊材質(zhì),妥妥的平淡無奇,而且后面那根棍子還有點臟,哈哈哈哈!
 

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

  5.構(gòu)圖
 

  構(gòu)圖也很容易出效果,一個不常見的構(gòu)圖,很容易打動觀賞者。
 

  游戲里面的場景構(gòu)圖玩的比較開,整的都挺酷的:

 



 

  像我下面這個作品:

 



 

  除了構(gòu)圖還行,其他的也就沒啥了,但也就是有了這么一個小亮點,也就夠了,總比什么都沒有強一些。
 

  6.排版
 

  排版是個細活,以前寫過一篇關(guān)于排版的細節(jié),很多時候排版可以拯救一個不咋滴的頁面。
 

  很多封面在排版層面做的就比較好,比如下面這幾個封面:

 



 

  排版做的就還不錯。
 

  總結(jié)
 

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

  千萬別說自己的不會分析作品了哦!
 

  長點心,比啥都強!點個贊看,更強!
 

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



 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖