從零開始!灰大帶你畫圖標

2020-12-31    前端達人

圖標在UI設(shè)計體系中,是重要......



(此處省略1000字)




直接上圖!


上圖是我以前繪制的一套圖標作品,

感興趣的話就一起來了解一下我平時是怎么創(chuàng)作一套圖標的吧~




制作過程


1、搜集+臨摹+原創(chuàng)


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

平時我會有意識的在速寫本上繪制一些簡易的圖標,如果在一些APP中看到比較好的圖標,我也會臨摹下來。




下面給大家隨機展示一些我平時繪制的圖標。





除了繪制圖標以外,我平時也喜歡繪制一些其他的圖案。





2、反復(fù)打磨


將繪制好的圖標利用電腦矢量化后打印出來,根據(jù)打印稿用筆標記出不合理的地方,比如:線條太粗了,重心不穩(wěn).......對不合理的地方進行反復(fù)修改,再次打印,再修改,循環(huán)多次后直到得到自己滿意的效果,最后定稿。



下面這幅手繪圖就是文章一開始給大家展示的圖標成品的手繪最終稿了。






需要強調(diào)的是,這一次圖標的繪制,有一個特殊的地方,其中一個圖標是有實物的。(左:實物圖;右:對應(yīng)圖標)




3、圖標插件化


最后,將圖標上傳阿里的iconfont網(wǎng)站,制作成字體圖標。





然后將字體圖標做成插件(我演示的是ps插件,也可以做成其它xd/sketch/figma插件)





制作過程就是給每個圖標賦予關(guān)鍵字,然后利用正則表達式,可以方便的搜索所有圖標。



不過這個步驟我就不詳細解釋了,因為



轉(zhuǎn)自:站酷

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔