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

2023-12-18 17:12:57 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

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

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

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

從 Illustrator 開(kāi)始

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

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

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

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

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

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

自定義工具面板

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

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

路徑尋找器

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

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

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

形狀生成器

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

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

?M 選擇形狀生成器。

實(shí)時(shí)圓角

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

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

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

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

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

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

扭曲

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