APP 圖標設計需兼顧品牌識別、小尺寸辨識度、平台規範適配。本教學以「郵差小鳥」聊天 App 圖標為例，完整記錄從 草圖構思 → 幾何化建模 → 圖層架構規劃 → iOS 7 色系著色 → 細節陰高光 → 形狀生成器布林運算 → 陰影/描邊疊加 → iOS 模板預覽 → Photoshop 動作批次輸出多尺寸 的專業級全流程。展示現代圖標設計的標準化方法論。

專業圖標設計流程

1. 草圖發散與收斂：多版草圖探索隱喻 (小鳥+郵差帽) → 選定最佳方案 → 參考 Dribbble/Behance 確立風格 (扁平、線條、色塊)。
2. 文件規範建立：1024×1024px (iOS 最大尺寸) → 編輯 > 偏好設定 > 參考線與網格 10px/10分格 → 顯示/對齊網格。
3. 置入草圖定位：檔案 > 置入草圖 → 嵌入、不透明度 50%、鎖定圖層命名「素描」。
4. 幾何化建模：分析草圖拆解為基本幾何 (圓形、矩形、三角形、圓角矩形、曲線) → 鋼筆/形狀工具精確繪製 → 不同描邊色區分部件 → 路徑查找器/形狀生成器 (Shift+M) 合併/減去造型。
5. 圖層架構規範化 (自下而上)：
   1. 背景圈
   2. 頭部
   3. 頸部
   4. 嘴巴
   5. 眼睛
   6. 頭髮/羊毛
   7. 帽子
   8. 素描 (鎖定參考)
6. iOS 7 色系著色：開啟 色彩指南 (Shift+F3) 吸取 iOS 官方色票 → 左右對稱部件分別設 75%/100% 不透明度同色系，避免扁平感 → 形狀生成器工具 (Shift+M) 快速合併/減去形狀 (Alt 鍵切換模式)。
7. 細節與立體感：
   • 眉毛、眼部陰影、頭髮層次、嘴巴、帽子邊緣：淡淡漸層/實色疊加。
   • 主體外描邊：複製整體合併 → 白色 6pt 描邊 + 紅色 12pt 描邊 (外觀面板疊加) → 效果 > 風格化 > 陰影 產生浮起感。
8. iOS 圖標模板預覽：置入官方圓角矩形模板 (或自製 1024px 圓角 224px 矩形蒙版) 驗證視覺平衡。
9. 多尺寸批次輸出：使用 Photoshop 動作 (Action) + 批次處理，依 iOS 規範 (20, 29, 40, 58, 60, 76, 80, 87, 120, 152, 167, 180, 1024px) 一鍵輸出全套尺寸。

專業方法論總結

• 幾何化建模：一切複雜形狀皆可拆解為基本幾何組合，確保縮放不失真、易修改、風格統一。
• 圖層命名規範：按解剖/視覺層級命名，是團隊協作與資產管理的基礎。
• 色彩系統化：引用平台官方色系 (iOS/Human Interface Guidelines, Material Design) 保證原生感；建立專案色票庫統一管理。
• 形狀生成器 (Shift+M)：直觀的視覺化布林運算，比路徑查找器面板更高效直觀。
• 外觀面板疊加描邊/效果：單一物件實現多重描邊、陰影、發光，非破壞可編輯。
• 模板驗證 + 自動化輸出：模板預覽真機效果，PS Action 批次輸出消除人為誤差。

這套「草圖 → 幾何 → 圖層 → 色系 → 細節 → 模板 → 自動輸出」的標準化管線，是從自由職業者邁向專業圖標設計師/設計系統建設者的必經之路。