上一篇，主要介紹了圖標(biāo)的分類(lèi)，以及設(shè)計(jì)原則。具體可看《圖標(biāo)設(shè)計(jì)原則及分類(lèi)，新人必看》本文就拿前一段時(shí)間做的一款音樂(lè)APP的為例，簡(jiǎn)單介紹一下我圖標(biāo)設(shè)計(jì)思路，大綱如下

1、聯(lián)想

2、提取關(guān)鍵詞

3、風(fēng)格設(shè)定

4、設(shè)計(jì)執(zhí)行

?

01）頭腦風(fēng)暴

開(kāi)始設(shè)計(jì)圖標(biāo)之前，很多時(shí)候圖標(biāo)的含義都是抽象的，我們需要通過(guò)頭腦風(fēng)暴將抽象的事情具體化。比如說(shuō)到音樂(lè)這個(gè)詞，馬上就能聯(lián)想到樂(lè)器 、音樂(lè)廳、美麗的風(fēng)景、溫馨等等。

把自己所聯(lián)想到的事物、一一列出來(lái)。一個(gè)人的創(chuàng)意畢竟是有限的，這時(shí)我們可以去向一些同事求職，問(wèn)他們能通過(guò)‘音樂(lè)’這個(gè)詞聯(lián)想到什么？通過(guò)這些關(guān)鍵詞盡量去發(fā)散自己的思維。

這些是“音樂(lè)”圖標(biāo)通過(guò)頭腦風(fēng)暴聯(lián)想出來(lái)的一些關(guān)鍵詞：

02）提取關(guān)鍵詞

每一個(gè)關(guān)鍵詞都能衍生出詞匯，我們需要學(xué)會(huì)去挑選關(guān)鍵詞，在這里我通常遵循的一個(gè)原則，“具象”。

“具象”這個(gè)詞，其實(shí)很容易理解，如果一個(gè)詞太抽象的話(huà)，你是很難用一個(gè)具體的事物去表達(dá)，比如，“回憶”“網(wǎng)紅”這些詞，你要怎么去表達(dá)呢？而“樂(lè)器”“耳機(jī)”“麥克風(fēng)”“音符”這些詞就很容易表達(dá)。

然后通過(guò)這些聯(lián)想詞，然后從中提取一些形狀和色彩作為產(chǎn)品圖標(biāo)的主要造型。

根據(jù)收集的圖片，結(jié)合自己的產(chǎn)品提取關(guān)鍵詞，最后我選擇的造型是留聲機(jī)的樣式。

在這里提醒大家一點(diǎn)，現(xiàn)在市場(chǎng)上同類(lèi)型的產(chǎn)品非常多，很多你能聯(lián)想到的詞，大家都能聯(lián)想到，并且已經(jīng)用爛了，所以有可能的話(huà)，盡量不要選擇那些核心關(guān)鍵詞聯(lián)想出來(lái)的第一次詞匯。

??

03）風(fēng)格設(shè)定

在具體執(zhí)行設(shè)計(jì)之前，我們首先需要確定圖標(biāo)的設(shè)計(jì)風(fēng)格。由于不同的產(chǎn)品都有其獨(dú)特的定位與目標(biāo)人群。不同產(chǎn)品，圖標(biāo)風(fēng)格也迥然不同。

所以我們產(chǎn)品圖標(biāo)設(shè)計(jì)切勿盲目跟風(fēng)，一定要根據(jù)自己產(chǎn)品品牌去做，這里我告訴大家圖標(biāo)風(fēng)格定義三大原則。

a.?符合產(chǎn)品調(diào)性，

b.?符合目標(biāo)人群的喜歡，

c.符合流行趨勢(shì)

a.符合產(chǎn)品調(diào)性

舉個(gè)例子，首先要知道我們產(chǎn)品市場(chǎng)定位，了解品牌調(diào)性，比如是偏社交類(lèi)（Facebook）還是獨(dú)特情懷（Spotify），或者純藝術(shù)類(lèi)、工具類(lèi)等等。每個(gè)不同領(lǐng)域產(chǎn)品，都有不同的個(gè)性與特征。這都是影響著我們后續(xù)整個(gè)系統(tǒng)圖標(biāo)風(fēng)格。

b.?符合目標(biāo)人群的喜歡

不同年齡階段的人群，都有其不同的愛(ài)好，就如年輕人喜歡冒險(xiǎn)，老年人喜歡健身，男生喜歡打籃球、女生喜歡逛街一樣。圖標(biāo)設(shè)計(jì)出來(lái)的風(fēng)格也要符合目標(biāo)人群的愛(ài)好。

??

c.符合流行趨勢(shì)

圖標(biāo)設(shè)計(jì)一定要緊跟潮流，避免設(shè)計(jì)出來(lái)的系統(tǒng)圖標(biāo)風(fēng)格和目前主流趨勢(shì)大相徑庭，比如2020年流行什么樣的圖標(biāo)？自己一定要有一個(gè)判斷。平時(shí)多留意大公司產(chǎn)品動(dòng)向，新視覺(jué)語(yǔ)言。

04）設(shè)計(jì)執(zhí)行

4.1 畫(huà)出輪廓

第一步根據(jù)得到靈感圖畫(huà)出大體的輪廓。

4.2 豐富細(xì)節(jié)

接下來(lái)我們還應(yīng)從顏色、線(xiàn)條、圓角等著手豐富圖形的細(xì)節(jié)。

4.3 總體效果

最后就是看下圖標(biāo)的整體效果

對(duì)于設(shè)計(jì)執(zhí)行這塊，最后還是需要看自己不斷的練習(xí)，即使你看到再多，懂的再多，到頭來(lái)還是設(shè)計(jì)不出滿(mǎn)意的圖標(biāo)。

?原文鏈接：https://mp.weixin.qq.com/s/s82txSrwufqVQS0zHqemSQ