圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

2023-12-26 17:30:17 來源/作者: / 己有:0人學(xué)習(xí)過

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

在一開始,要忍住高分辨率尺寸的誘惑,專注于 1x 尺寸是事半功倍的良方,這可以幫助我們節(jié)省時間,從而獲得更有效,更易維護(hù)的設(shè)計。當(dāng)水到渠成時,再開始制作 2×、3× 或 4× 的版本也不遲。

特別要謹(jǐn)慎使用“智能對象”,要小心它們可能有特殊的尺寸變化。

從 Illustrator 開始

Illustrator 不但能讓你在設(shè)計 1x 網(wǎng)格尺寸的圖標(biāo)時清晰觀察所有矢量節(jié)點,并且有著數(shù)不勝數(shù)在任何其它軟件中都無法實現(xiàn)的獨特功能。我對其中的許多功能真是欲罷不能,這也正是為什么我選擇 Illustrator 作為我圖標(biāo)工作流程第一步的原因。

對齊網(wǎng)格設(shè)定

我不太喜歡 Illustrator 的對齊像素設(shè)定,不過勾選“視圖→對齊網(wǎng)格”后的效果還是非常理想的,記得關(guān)閉對齊新對象到像素。對齊新對象到像素可在新建文檔或變換面板中可找到。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

如果你需要對像素作非常細(xì)微的調(diào)整,可以使用移動面板(對象 → 轉(zhuǎn)換 → 移動,或直接按回車鍵)。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

自定義工具面板

最近,我重新編輯了我的工具面板,去掉一些不常用的工具,顯示原本被隱藏的工具。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

路徑尋找器

如果你想對圖形進(jìn)行加、減或排除操作(通常被稱為布爾操作或構(gòu)造實體幾何),Illustrator 中的路徑尋找器可謂是所有矢量編輯軟件中最好用的功能了。

于路徑尋找器中,我又最鐘愛分割功能——它將重疊的圖形分割成單獨的形狀,這樣就可以輕易地刪除不需要的部分。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

形狀生成器

形狀生成器功能比路徑尋找器更新,使用起來更快捷。如果你有幾個獨立形狀互相重疊,那么選中形狀生成器,拖動鼠標(biāo)即可組合形狀,按住 option 同時拖動鼠標(biāo)即可減去形狀。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

?M 選擇形狀生成器。

實時圓角

Illustrator CC 2014 新添加了實時圓角功能,像小手柄一樣出現(xiàn)在所有轉(zhuǎn)角處。拖動小手柄即可控制圓角的角度。這個功能不僅僅針對矩形,適用于所有形狀。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

實時圓角功能實現(xiàn)了那些原本繪制十分困難或費時的圖形。Illustrator 的這款功能一如許多其它可愛的功能,方便了設(shè)計師們的工作。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

如果你希望精確定義角度,可以在控制面板中的輸入轉(zhuǎn)角直徑數(shù)值即可。

圖標(biāo)設(shè)計,分享圖標(biāo)設(shè)計流程及小技巧

扭曲

Illustrator 的扭曲以及其它封套扭曲工具可用于各種形狀的彎曲和扭轉(zhuǎn),讓圖形變得更有趣。