旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計培訓課程如何系統(tǒng)優(yōu)化一組圖標

UI設計培訓課程如何系統(tǒng)優(yōu)化一組圖標

時間:2020-08-04來源:lb577.com點擊量:作者:Sissi
時間:2020-08-04點擊量:作者:Sissi



  UI設計培訓課程如何系統(tǒng)優(yōu)化一組圖標?很多新手小白都比較棘手的問題,入行UI設計行業(yè)的同學們不知道怎么去優(yōu)化一組圖標,今天AAA教育郭老師就針對UI設計培訓課程如何系統(tǒng)優(yōu)化一組圖標進行簡單的說明。


  我們直說重點:
 

  1.風格如何選取

  2.找不足的維度

  3.透視角度優(yōu)化

  4.顏色優(yōu)化

  5.怎么增加亮點
 

  一、UI設計培訓課程:風格如何選取
 

  對于風格,應該如何選擇呢,比如有描邊扁平風格:

如何系統(tǒng)優(yōu)化一組圖標
 

  有輕質(zhì)感的擬物風格:

如何系統(tǒng)優(yōu)化一組圖標
 

  這里可以給大家一個參考方向:
 

  界面常駐功能性圖標一般會使用描邊、扁平風格的圖標,而對于節(jié)日主題圖標,圖標如果太平會顯得比較冷靜,所以加一些質(zhì)感的渲染會更有氣氛。
 

  而且增加質(zhì)感一定程度上可以彌補造型上的不足,而且很出效果,對于時間有限的需求,是個不錯的選擇。
 

  二、UI設計培訓課程:找不足的方向
 

  由于沒有做圖標的經(jīng)驗,所以第一版樣式犯了一些基礎性問題
 

如何系統(tǒng)優(yōu)化一組圖標

 

  有不足不可怕,可怕的是不知道不足在哪里,所以清晰有條理的找到問題也是我們設計必須具備的能力。
 

  我們從以下三個方向進行問題拆解,供大家參考
 

  1.厚度的一致性:既然是輕質(zhì)感風格,那就需要讓圖標有一定的立體感,也就是厚度,而圖中的鞭炮、小鼓看起來有些平,沒有體現(xiàn)出厚度。
 

  2.顏色的一致性:一組圖標顏色一定要看起來是和諧,用的色相要保持一種,比如現(xiàn)在鞭炮的紅色有些偏暗紅,而小鼓的顏色偏黃紅,這也是比較明顯的問題。
 

  3.創(chuàng)意亮點的發(fā)掘:圖標中有一個老鼠的形象,想表達一定的創(chuàng)意性,但是老鼠的造型還不夠可愛飽滿,并且這個創(chuàng)意點和平臺品牌關聯(lián)性不強,如果用在別的平臺也可以的話,那就證明還可以再想象獨特性。
 

  燈籠是五個圖標中做的相對比較穩(wěn)的一個。
 

  問題和優(yōu)化方向都有了,接下來就是調(diào)整了!
 

  三、UI設計培訓課程:造型方向的優(yōu)化
 

  首先我們來優(yōu)化造型方面的。
 

  既然我們要做立體化質(zhì)感的圖標,那圖標就不能太平,原有的鞭炮角度太正,所以在角度上進行了優(yōu)化。
 

  并且因為一個鞭炮有些太單調(diào),所以把數(shù)量增多,優(yōu)化如下:
 

如何系統(tǒng)優(yōu)化一組圖標
 

  除了鞭炮以外,我們認為那個鼓的造型本身不夠飽滿,短時間內(nèi)比較難出效果,所以及時更換了元素——錦鯉

ui設計



  四、UI設計培訓課程:顏色方面的規(guī)范
 

  之前的顏色有些偏暗,有些發(fā)黃,所以我們定了一個顏色規(guī)范,在主色上都使用統(tǒng)一的顏色,這樣在延展的時候,就不容易跑偏:

UI設計
 

  只要嚴格保持顏色規(guī)范的使用,不停的對比調(diào)整,一定可以讓一套圖標的顏色不跑偏。
 

  五、UI設計培訓課程:創(chuàng)意方面的優(yōu)化
 

  咱不說一組圖標,每個都有亮點,但至少有一個是相對比較特別的,這是非常有必要的,否則整體看起來就會非常平庸。
 

  產(chǎn)生亮點的方法有很多,比如風格、透視、顏色、品牌基因等等。
 

  由于我們在風格、顏色等方面都已經(jīng)固定,所以選擇在品牌基因的維度出發(fā)進行優(yōu)化。
 

  一說到品牌基因,我們就可以聯(lián)想到吉祥物,由于又是鼠年的新年主題,所以我們將自己的吉祥物黑子與老鼠的元素結合,讓「吉祥物黑字」穿上了「老鼠外衣」,并且手舉春聯(lián):


UI設計

  可謂是整組圖標最大的亮點,這個生產(chǎn)創(chuàng)意的方法其實很常用,大家一定要多多練習。
 

  最后我們看一下優(yōu)化前后的效果:
 

  優(yōu)化前:

UI設計
 

  優(yōu)化后:

UI設計
 

  總結
 

  整體還算ok,關鍵是能在執(zhí)行的過程中有所成長,你若是有什么新的需求請聯(lián)系在線小姐姐。留下你的需求,郭老師盡力為你解答。因此,您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息,請訪問AAA教育,包含有關在該領域工作的更多相關文章。



 

預約申請免費試聽課

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

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

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

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

網(wǎng)站地圖