2020-12-31 前端達(dá)人
圖標(biāo)在UI設(shè)計(jì)體系中，是重要......
（此處省略1000字）
直接上圖！
上圖是我以前繪制的一套圖標(biāo)作品，
感興趣的話就一起來了解一下我平時(shí)是怎么創(chuàng)作一套圖標(biāo)的吧~
1、搜集+臨摹+原創(chuàng)
積累素材是設(shè)計(jì)師必備的“基本功”，同時(shí)也是“職業(yè)病”。
平時(shí)我會有意識的在速寫本上繪制一些簡易的圖標(biāo)，如果在一些APP中看到比較好的圖標(biāo)，我也會臨摹下來。
下面給大家隨機(jī)展示一些我平時(shí)繪制的圖標(biāo)。
除了繪制圖標(biāo)以外，我平時(shí)也喜歡繪制一些其他的圖案。
2、反復(fù)打磨
將繪制好的圖標(biāo)利用電腦矢量化后打印出來，根據(jù)打印稿用筆標(biāo)記出不合理的地方，比如：線條太粗了，重心不穩(wěn).......對不合理的地方進(jìn)行反復(fù)修改，再次打印，再修改，循環(huán)多次后直到得到自己滿意的效果，最后定稿。
下面這幅手繪圖就是文章一開始給大家展示的圖標(biāo)成品的手繪最終稿了。
需要強(qiáng)調(diào)的是，這一次圖標(biāo)的繪制，有一個(gè)特殊的地方，其中一個(gè)圖標(biāo)是有實(shí)物的。（左：實(shí)物圖；右：對應(yīng)圖標(biāo)）
3、圖標(biāo)插件化
最后，將圖標(biāo)上傳阿里的iconfont網(wǎng)站，制作成字體圖標(biāo)。
然后將字體圖標(biāo)做成插件（我演示的是ps插件，也可以做成其它xd/sketch/figma插件）
制作過程就是給每個(gè)圖標(biāo)賦予關(guān)鍵字，然后利用正則表達(dá)式，可以方便的搜索所有圖標(biāo)。
不過這個(gè)步驟我就不詳細(xì)解釋了，因?yàn)?
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.dzxscac.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.dzxscac.cn