2020-6-16 資深UI設(shè)計(jì)者
和大家分享一下，楊楊在年前做的一套新年主題圖標(biāo)，整個(gè)過(guò)程成長(zhǎng)很大，也希望能給大家一些啟發(fā)。
其實(shí)一套主題圖標(biāo)對(duì)于一個(gè)剛畢業(yè)的大學(xué)生來(lái)說(shuō)，難度不小，但只要愿意學(xué)習(xí)，還是可以攻克重重困難，最后把需求做好的。
新年嘛，關(guān)鍵詞的發(fā)散就不多說(shuō)了，無(wú)非就是鞭炮、對(duì)聯(lián)、福、燈籠等等。
我們直說(shuō)重點(diǎn)：
對(duì)于風(fēng)格，應(yīng)該如何選擇呢，比如有描邊扁平風(fēng)格：
△ Martin David作品
有輕質(zhì)感的擬物風(fēng)格：
△ Man King作品
這里可以給大家一個(gè)參考維度：
界面常駐功能性圖標(biāo)一般會(huì)使用描邊、扁平風(fēng)格的圖標(biāo)，而對(duì)于節(jié)日主題圖標(biāo)，圖標(biāo)如果太平會(huì)顯得比較冷靜，所以加一些質(zhì)感的渲染會(huì)更有氣氛。
而且增加質(zhì)感一定程度上可以彌補(bǔ)造型上的不足，而且很出效果，對(duì)于時(shí)間有限的需求，是個(gè)不錯(cuò)的選擇。
所以這次新年主題圖標(biāo)的需求，我們選擇了輕質(zhì)感的風(fēng)格。
由于沒(méi)有做圖標(biāo)的經(jīng)驗(yàn)，所以第一版的樣式犯了一些基礎(chǔ)型的問(wèn)題：
有不足不可怕，可怕的是不知道不足在哪里，所以清晰有條理的找到問(wèn)題也是我們?cè)O(shè)計(jì)必須具備的能力。
我們從以下三個(gè)維度進(jìn)行問(wèn)題拆解，供大家參考
燈籠是五個(gè)圖標(biāo)中做的相對(duì)比較穩(wěn)的一個(gè)。
問(wèn)題和優(yōu)化方向都有了，接下來(lái)就是調(diào)整了！
首先我們來(lái)優(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í)更換了元素——錦鯉（錦鯉和推薦貌似還點(diǎn)關(guān)系）：
多次調(diào)整后，圖標(biāo)在立體化方面有了很重要的突破。
之前的顏色有些偏暗，有些發(fā)黃，所以我們定了一個(gè)顏色規(guī)范，在主色上都使用統(tǒng)一的顏色，這樣在延展的時(shí)候，就不容易跑偏：
只要嚴(yán)格保持顏色規(guī)范的使用，不停的對(duì)比調(diào)整，一定可以讓一套圖標(biāo)的顏色不跑偏。
咱不說(shuō)一組圖標(biāo)，每個(gè)都有亮點(diǎn)，但至少有一個(gè)是相對(duì)比較特別的，這是非常有必要的，否則整體看起來(lái)就會(huì)非常平庸。
產(chǎn)生亮點(diǎn)的方法有很多，比如風(fēng)格、透視、顏色、品牌基因等等。
由于我們?cè)陲L(fēng)格、顏色等方面都已經(jīng)固定，所以選擇在品牌基因的維度出發(fā)進(jìn)行優(yōu)化。
一說(shuō)到品牌基因，我們就可以聯(lián)想到吉祥物，由于又是鼠年的新年主題，所以我們將自己的吉祥物黑子與老鼠的元素結(jié)合，讓「吉祥物黑字」穿上了「老鼠外衣」，并且手舉春聯(lián)：
可謂是整組圖標(biāo)最大的亮點(diǎn)，這個(gè)生產(chǎn)創(chuàng)意的方法其實(shí)很常用，大家一定要多多練習(xí)。
最后我們看一下優(yōu)化前后的效果：
優(yōu)化前：
優(yōu)化后：
文章來(lái)源：優(yōu)設(shè) 作者：菜心設(shè)計(jì)鋪
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com