圖標(biāo)——界面設(shè)計最重要的元素之一熬拒。
菜心經(jīng)常寫關(guān)于圖標(biāo)的教程和感悟澎粟，可見圖標(biāo)設(shè)計在我日常工作中占了很大比重徐裸，所以我始終堅信能夠把圖標(biāo)做好，也是難得的特長之一宫补！
這里拿幾個月前做的第一版小說模塊圖標(biāo)為例（目前已經(jīng)改版為2.0健民，等正式上線后會再次與大家分享）秉犹，簡單介紹下我的圖標(biāo)設(shè)計思路崇堵，大綱如下：
1.風(fēng)格設(shè)定
2.創(chuàng)意腦爆
3.設(shè)計執(zhí)行
1.風(fēng)格設(shè)定
在開始構(gòu)思之前，我們首先需要確定圖標(biāo)的設(shè)計風(fēng)格赏廓，風(fēng)格可以根據(jù)整體產(chǎn)品的設(shè)計語言推倒幔摸，需要符合目標(biāo)人群的喜好以及產(chǎn)品的屬性定位驱负。
雖然我們是小說模塊电媳，但還是附屬于動漫體系之下匾乓，前期的種子用戶還是產(chǎn)品原有的動漫人群拼缝，所以我將風(fēng)格鎖定在原有動漫的視覺風(fēng)格之上，大家可以看下當(dāng)時動漫標(biāo)簽欄圖標(biāo)的樣式：
由此小說模塊圖標(biāo)與上圖保持一致，設(shè)定為“描邊與色塊結(jié)合”風(fēng)格。
2.創(chuàng)意腦爆
鎖定風(fēng)格之后澈蟆，就要構(gòu)思創(chuàng)意了，也就是如何在這樣的風(fēng)格之下去表達(dá)你的內(nèi)容太惠。
這一步很關(guān)鍵凿渊，如何讓圖標(biāo)不普通，大部分因素都就體現(xiàn)在內(nèi)容表達(dá)上（因為風(fēng)格其實也就那么幾種）剂癌，我的方法是盡量去發(fā)散核心關(guān)鍵詞，讓圖標(biāo)的含義標(biāo)新立異，舉兩個這次圖標(biāo)腦暴的例子：
第一個裁奇，“人氣”圖標(biāo)的腦暴路徑：
這里選詞有個小技巧，我會遵循兩個原則惫撰，“具象”與“二層”。
首先來說具象：其實很好理解夯膀，如果詞匯太抽象棍郎，你是很難表達(dá)的涂佃，比如“流行”這個詞辜荠，你是很難表達(dá)的，而“火”就很具象惭蟋，很容易表現(xiàn)告组。
再來說“二層”：指的就是盡量不要選擇核心關(guān)鍵詞延展出來的第一層詞匯木缝，因為這些詞是大家都能想到的，并且用爛的矫俺，比如人氣直接延展出來的“火”恳守、“獎杯”等等催烘。（但是如果你的圖標(biāo)沒有文字提示策精，需要表意特別明確咽袜，建議還是使用第一層延伸詞询刹，可以在風(fēng)格上做些差異化表現(xiàn)）沐兰。
所以在上面兩個原則下住闯，我最后設(shè)定人氣圖標(biāo)使用“愛的手勢”插佛，如下圖：
因為看到有些同學(xué)把“愛”與“搖滾”的手勢弄混，所以說下它們的區(qū)別：
希望大家在使用的時候不要搞錯哦兄一！
第二個出革，“完結(jié)”圖標(biāo)的腦暴路徑：
也是通過“具象”與“二層”原則耳璧，最后使用了商店掛的打烊門牌這一創(chuàng)意來延展：
每個關(guān)鍵詞的腦暴都會產(chǎn)生很多詞匯，各不相同攀隔，我們需要學(xué)會篩選，盡量避開過于抽象或者過于普通的詞匯满粗，避開抽象等于具象映皆，可以方便執(zhí)行劫扒；避開普通等于特別沟饥，如果所有的設(shè)計都是大家用爛的創(chuàng)意，那作品一定會很平庸艾杏，以上就是我在腦暴時使用的方法购桑。
我們需要讓自己產(chǎn)出的每一套設(shè)計至少有一個“特別”出現(xiàn)勃蜘，不然如何體現(xiàn)自己的價值呢？
3.設(shè)計執(zhí)行
這一步就是根據(jù)前面得到的靈感圖來進(jìn)行設(shè)計阳惹，我們來看下執(zhí)行對比圖：
對于執(zhí)行需要注意的基礎(chǔ)細(xì)節(jié)，之前有寫過《圖標(biāo)設(shè)計五維自檢法》体啰，有興趣的同學(xué)可以看一下荒勇，除此之外這里再補充一點——如何讓圖標(biāo)做到有細(xì)節(jié)沽翔！
本次設(shè)計總結(jié)了三個方法供大家參考：
3.1 設(shè)計技法的細(xì)節(jié)
比如給描邊增加短線風(fēng)格：
再比如線條增加面形色塊的組合：
3.2 根據(jù)事物本身特征增加細(xì)節(jié)
比如一個木質(zhì)門牌的細(xì)節(jié)：
3.3 俏皮的那一筆
比如書架上歪著的一本書：
再比如一根線條的破局：
當(dāng)然增加細(xì)節(jié)的方法有太多種座咆，總的目的就是防止圖標(biāo)過于簡單介陶、簡陋哺呜，希望你也可以有自己的一套秘方來進(jìn)行設(shè)計国撵，大家互相學(xué)習(xí)介牙。
最后再看下圖標(biāo)整體的效果吧：
附上過程中的一些稿子，哈哈，別嚇到你：
對于執(zhí)行這一塊，別人再怎么說搬素，你不做大量的練習(xí)與思考也是無濟(jì)于事，這個道理毋庸贅言了粱哼。
好了胯舷，這期就這么多桑嘶，后面會有一大波文章更新逃顶，盡量保證兩周一篇口蝠，先來預(yù)告幾篇：
設(shè)計中的情商
騰訊動漫小說模塊視覺優(yōu)化
需求拆解秘訣——兵分三路進(jìn)攻法
我的良性循環(huán)工作法
快速上手動效設(shè)計
感謝大家的持續(xù)關(guān)注，么么扔眉反！
