App 圖標設計不僅考驗繪圖技巧，更需遵循 iOS/Android 尺寸規範、視覺權重平衡、品牌識別度等準則。本文以實戰案例示範如何在 Illustrator 中從構思草圖出發，透過布林運算、漸層網格、陰影高光疊加，完成一組風格統一、細節豐富的 App 圖標組，並說明匯出流程與命名規範。

設計流程關鍵點

1. 草圖構思與參考線：紙筆快速探索 5~10 種造型，挑選最佳方案掃描進 AI，降低不透明度設為範本圖層。
2. 基礎形狀布林建模：用矩形、圓角矩形、橢圓、多邊形組合基礎幾何，路徑查找器「合併/減去/交集」快速生成主體輪廓，確保錨點極少、曲線流暢。
3. 視覺權重微調：圖標置於 1024×1024 px 安全區中央，啟用「像素預覽」檢視邊緣銳利度，調整內部元素間距使視覺重心置中。
4. 漸層與質感：主體套用線性/徑向漸層模擬材質（金屬、玻璃、塑膠），外觀面板疊加「內發光」「投影」「斜面與浮雕」模擬 3D 感，仍保持向量可編輯性。
5. 圖標網格系統：依 Apple HIG / Material Design 規範建立關鍵形狀（圓、方、橫長、直立矩形）參考網格，確保圖標家族視覺一致性。
6. 多尺寸批量匯出：使用「資產匯出」面板，一次產出 29×29 至 1024×1024 px 所有規範尺寸，命名格式 icon-@x.png，自動生成 iOS App Icon Set / Android mipmap 資料夾結構。

建議建立個人圖標設計檢查清單：像素對齊、銳利邊緣、品牌色準確、小尺寸辨識度、無多餘錨點。養成規範習慣，讓開發同事也為你點讚！