二、 Illustrator篇

在 ai 里面繪制圖標(biāo)使用的基本工具填充、描邊、鋼筆、路徑查找器、形狀生產(chǎn)器、對齊、錨點圓角、擴展。

1. cc2015自帶直角變圓角。

2. 路徑查找器的形狀模式等同于 ps 的布爾運算(上面已講)，路徑查找器下的6個工具在平時使用較少所以就忽略，感興趣的自己研究下。鋼筆錨點和 ps 使用是一樣的。

3. 路徑描邊可以通過擴展讓線變成面，但是在繪制線性圖標(biāo)時不要把線進行擴展，因為放大縮小不會改變線的粗細(xì)，擴展成面會隨著放大縮小而發(fā)生變化。有時候我們在繪制線性圖標(biāo)不好做的曲線，可以嘗試把這個形狀畫出來，然后再變成描邊就ok了。

4. 在繪制對稱圖標(biāo)的時候，有時候我們只需要繪制一半，通過鏡像復(fù)制，然后通過對齊-垂直或水平分布間距就可以很好的閉合在一起。( 對齊-顯示選項-對齊關(guān)鍵對象-垂直或水平分布間距 )

5. 形狀生產(chǎn)器工具，直接可以繪制有閉合可能的所有形狀。

三、 Sketch篇

在 sketch 里面繪制圖標(biāo)使用的基本工具編輯、旋轉(zhuǎn)、鋼筆、剪刀、布爾運算、外形、變平。

四、 Ai制作好如何轉(zhuǎn)到Ps和Sketch?

1. Ai 制作好轉(zhuǎn)到 Ps 中，在 Ai 復(fù)制備份一個，然后對象-擴展，ctrl+c復(fù)制，ctrl+v粘貼到 Ps 里面選擇形狀圖層，不要選擇智能對象。再用小白工具調(diào)整細(xì)節(jié)，讓每個錨點都和像素網(wǎng)格對齊。

2. Ai 制作好轉(zhuǎn)到 Sketch，ctrl+c復(fù)制，ctrl+v粘貼到 Sketch，調(diào)整參數(shù)盡可能是偶數(shù)整數(shù)。因為大量存在小數(shù)點的問題。改變數(shù)值還是要看下一圖標(biāo)整體感覺。

五、 如何達(dá)到視覺平衡?

很多人剛開始不會說按照規(guī)范來，主要在固定大小里面繪制就好了，其實這樣也可以，但是最終還是要個別微調(diào)圖標(biāo)達(dá)到視覺上的統(tǒng)一。

比如在56*56px固定大小的區(qū)域繪制好全部圖標(biāo)，不要超出這個范圍。然后整體看哪些視覺比重大需要縮放，縮放是以2的倍數(shù)放大縮小。

56-2的倍數(shù)，比如56px、54px、52px……

六、 如何定義規(guī)范?

比如在一定大小內(nèi)，如何制定出一像素?

以48*48大小為例。看似留了一像素，上下左右還是兩個像素，跟上面的視覺平衡是一樣的，都是以2像素為一個基準(zhǔn)。這種規(guī)范大一點的尺寸也是適用的比如88*88px。

七、 如何統(tǒng)一風(fēng)格?

圖標(biāo)的風(fēng)格我在《如何系統(tǒng)學(xué)習(xí)功能圖標(biāo)?來看資深設(shè)計師的全面總結(jié)!》基本都概括出來了，可以分析總結(jié)每個風(fēng)格的特點，快速的制作。也有不少人發(fā)我看他們繪制的圖標(biāo)，會用到倆三種風(fēng)格同時用到圖標(biāo)上面，還有就是總結(jié)出來的還沒學(xué)會就開始自己去嘗試新風(fēng)格，盡量還是不要先去嘗試新的風(fēng)格，之前整理的應(yīng)該夠用了。

總結(jié)雖然講的都是簡單的基本教程，但是也是必須要掌握的，掌握上面基礎(chǔ)教程不單單只適用于圖標(biāo)，在插畫，圖形繪制中都可以用到。

歡迎關(guān)注作者的微信公眾號：「水手哥學(xué)設(shè)計」

圖片素材作者：Laura Reen