UI設(shè)計(jì)培訓(xùn)課程如何系統(tǒng)優(yōu)化一組圖標(biāo)

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

　　我們直說重點(diǎn)：
 

　　1.風(fēng)格如何選取

　　2.找不足的維度

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

　　4.顏色優(yōu)化

　　5.怎么增加亮點(diǎn)
 

　　一、UI設(shè)計(jì)培訓(xùn)課程：風(fēng)格如何選取
 

　　對(duì)于風(fēng)格，應(yīng)該如何選擇呢，比如有描邊扁平風(fēng)格：

　　有輕質(zhì)感的擬物風(fēng)格：

　　這里可以給大家一個(gè)參考方向：
 

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

　　而且增加質(zhì)感一定程度上可以彌補(bǔ)造型上的不足，而且很出效果，對(duì)于時(shí)間有限的需求，是個(gè)不錯(cuò)的選擇。
 

　　二、UI設(shè)計(jì)培訓(xùn)課程：找不足的方向
 

　　由于沒有做圖標(biāo)的經(jīng)驗(yàn)，所以第一版樣式犯了一些基礎(chǔ)性問題
 

　　有不足不可怕，可怕的是不知道不足在哪里，所以清晰有條理的找到問題也是我們?cè)O(shè)計(jì)必須具備的能力。
 

　　我們從以下三個(gè)方向進(jìn)行問題拆解，供大家參考
 

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

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

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

　　燈籠是五個(gè)圖標(biāo)中做的相對(duì)比較穩(wěn)的一個(gè)。
 

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

　　三、UI設(shè)計(jì)培訓(xùn)課程：造型方向的優(yōu)化
 

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

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

　　并且因?yàn)橐粋€(gè)鞭炮有些太單調(diào)，所以把數(shù)量增多，優(yōu)化如下：
 

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

　　四、UI設(shè)計(jì)培訓(xùn)課程：顏色方面的規(guī)范
 

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

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

　　五、UI設(shè)計(jì)培訓(xùn)課程：創(chuàng)意方面的優(yōu)化
 

　　咱不說一組圖標(biāo)，每個(gè)都有亮點(diǎn)，但至少有一個(gè)是相對(duì)比較特別的，這是非常有必要的，否則整體看起來就會(huì)非常平庸。
 

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

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

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

　　可謂是整組圖標(biāo)最大的亮點(diǎn)，這個(gè)生產(chǎn)創(chuàng)意的方法其實(shí)很常用，大家一定要多多練習(xí)。
 

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

　　優(yōu)化前：

　　優(yōu)化后：

　　總結(jié)
 

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