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

（此處省略1000字）

直接看圖吧！

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

如果有興趣的話，我們一起來學(xué)習(xí)一下我平時是怎么制作一套圖標(biāo)的吧~

生產(chǎn)流程

1.收藏+臨摹+原創(chuàng)

積累素材是設(shè)計師必備的“基本功”，也是一種“職業(yè)病”。

通常我都會有意識地在素描本上畫一些簡單的圖標(biāo)。 如果我在某些應(yīng)用程序中看到更好的圖標(biāo)sketch 圖標(biāo)，我也會復(fù)制它們。

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

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

2、反復(fù)拋光

使用計算機將繪制的圖標(biāo)矢量化并打印出來。 根據(jù)打印的稿件用筆標(biāo)記出不合理的部分，如：線條太粗、重心不穩(wěn)……反復(fù)修改不合理的部分。 ，再次打印，再次修改，循環(huán)幾次，直到得到自己滿意的效果，最后定稿。

下面的手繪圖是文章開頭向您展示的成品圖標(biāo)的最終手繪草稿。

需要強調(diào)的是，這次圖標(biāo)的繪制有一個特別之處。 其中一個圖標(biāo)有一個物理對象。

3.圖標(biāo)插件

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

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

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

不過，我不會詳細(xì)解釋這一步，因為

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