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