圖標(biāo)在 UI 設(shè)計(jì)系統(tǒng)中很重要...

（此處省略1000字）

看看圖片就知道了！

上圖是我以前畫(huà)的一組圖標(biāo)作品。

有興趣的話就來(lái)看看我平時(shí)是怎么創(chuàng)作一組圖標(biāo)的吧~

生產(chǎn)過(guò)程

1.收藏+復(fù)制+原創(chuàng)

積累素材是設(shè)計(jì)師必須具備的“基本功”，但同時(shí)也是“職業(yè)病”。

我通常會(huì)有意識(shí)地在素描本上畫(huà)一些簡(jiǎn)單的圖標(biāo)，如果看到一些應(yīng)用中不錯(cuò)的圖標(biāo)，我就會(huì)模仿它們。

下面我就隨機(jī)給大家展示一下我平時(shí)畫(huà)的一些圖標(biāo)。

除了畫(huà)圖標(biāo)之外，我還喜歡畫(huà)一些其他的圖案。

2.反復(fù)拋光

用電腦矢量化把畫(huà)好的圖標(biāo)打印出來(lái)，然后用筆根據(jù)打印出來(lái)的效果把不合理的地方標(biāo)出來(lái)，比如：線條太粗，重心不穩(wěn)定……反復(fù)修改不合理的地方，再打印，再修改。如此循環(huán)多次，直到得到自己滿意的效果，最后定稿。

下面的手繪圖是文章開(kāi)頭展示的完成圖標(biāo)的最終手繪稿。

需要強(qiáng)調(diào)的是sketch iconfont，這次的圖標(biāo)繪制有一個(gè)特殊之處，其中一個(gè)圖標(biāo)是實(shí)物。

3. 圖標(biāo)插件

最后將圖標(biāo)上傳到阿里巴巴的網(wǎng)站，制作成字體圖標(biāo)。

然后將字體圖標(biāo)制作成插件（我演示的是PS插件sketch iconfont，大家也可以制作其他xd//figma插件）

制作過(guò)程是給每個(gè)圖標(biāo)分配關(guān)鍵字，然后使用正則表達(dá)式輕松搜索所有圖標(biāo)。

但我不會(huì)詳細(xì)解釋這一步，因?yàn)?/p>

如有侵權(quán)請(qǐng)聯(lián)系刪除！