圖形創建 vs 圖形樣式：工具分工的鐵律

正確區分矢量路徑創建與圖形樣式設定至關重要，因它們需由兩種截然不同的軟件實現——Photoshop與Illustrator。Photoshop渲染質量與蒙版功能近乎無敵，Illustrator則囊括豐富矢量功能。在我的圖標征途中，Illustrator當之無愧是矢量路徑界的王者。慶幸的是，兩者轉換無縫銜接。我的工作流通常是：簡單圖形操作在Photoshop完成；涉及整套圖標或複雜圖形，先用Illustrator創建，再移步Photoshop處理樣式。簡言之：Illustrator負責創建圖形，Photoshop負責設定樣式及輸出。

規格：網格與線條的數學邏輯

若可控制圖標尺寸，樣式與線條粗細應輔助制定規格。許多圖標需有一條中線：寬度為偶數時中線寬度不可為奇數，反之亦然。使用偶數線條寬度時，圖標尺寸應為偶數×偶數；奇數線條寬度時，尺寸應為奇數×奇數。盡量避免混用奇偶尺寸（除非不混用會抓狂，則確保不同軸用不同粗細線條）。切勿用高分辨率掩蓋問題——奇數寬度圖標用1pt線條或許在Retina下無礙，但在1×和3×分辨率下必現禍端。將所有點視為基礎網格，避免微小偏移，一切不復雜。確保所有圖標設計從1×開始。

OS X 應用圖標：簡單網格系統的應用

OS X應用圖標尺寸成倍增長，可用簡單網格系統輔助繪製。通過16×16像素圖標大致界定1024×1024圖標定位，工作流輕松許多，極小版本無需過多調整細節。但蘋果圖標並未完全吻合網格：Safari圖標直徑898像素，而非完全吻合1/16網格的896像素。我定義的尺寸與Safari、iTunes等蘋果圖標僅差2像素，遵循網格對我更重要，好奇蘋果為何選此尺寸。

iOS 應用圖標：尺寸碎片化的應對策略

iOS圖標尺寸不如OS X具匹配度，工作流稍複雜。當前所有iOS圖標尺寸共10種：29×29、40×40、58×58、76×76、80×80、87×87、120×120、152×152、180×180、1024×1024（App Store）。若僅需1×網格尺寸，只需關注5種基礎尺寸：29/58/87、40/80/120、60/120/180、76/152/228、1024×1024。4種基礎尺寸加App Store尺寸，工作量減半。若蘋果發布3×尺寸iPad，基本已完成適配。

建議：忍住高分辨率誘惑，專注1×尺寸，事半功倍，節省時間，獲得更有效、易維護的設計。水到渠成時再製作2×、3×、4×版本。謹慎使用「智能對象」，防其特殊尺寸變化。

從 Illustrator 開始：矢量王者的獨門絕技

Illustrator不僅能在設計1×網格圖標時清晰觀察所有矢量節點，更擁有無數其他軟件無法實現的獨特功能，這正是我選它作為工作流第一步的原因。

對齊網格設定

不偏愛Illustrator的對齊像素設定，但勾選「視圖→對齊網格」效果理想，記得關閉「對齊新對象到像素」（可在新建文檔或變換面板找到）。需細微調整像素時，用移動面板（對象→轉換→移動，或直接按回車鍵）。

自定義工具面板

近期重編工具面板，去掉不常用工具，顯示隱藏工具。

路徑尋找器：布爾運算的終極武器

若需對圖形進行加、減、排除操作（布爾運算/構造實體幾何），Illustrator路徑尋找器是所有矢量編輯軟件中最好用的。最鐘愛「分割」功能——將重疊圖形分割成單獨形狀，輕易刪除不需部分。

形狀生成器：比路徑尋找器更快捷

形狀生成器功能更新、用起來更快。選中重疊形狀，拖動鼠標即可組合，按住Option同時拖動即可減去形狀。快捷鍵Shift+M選擇。

實時圓角：CC 2014 神級新功能

像小手柄一樣出現在所有轉角，拖動即可控制圓角角度，不僅針對矩形，適用所有形狀。實現了原本繪製極難或費時的圖形。若需精確定義角度，在控制面板輸入轉角直徑數值即可。

扭曲：讓圖形更有趣

Illustrator的扭曲及封套扭曲工具可用於各種形狀彎曲扭轉。