挑戰：半小時完成一枚商業級擬物圖標

擬物圖標以材質真實、光影精準、細節豐富著稱，常被視為耗時大戶。但掌握標準化工作流與核心技法庫，30 分鐘產出合格作品完全可行。本教程以實戰計時演示，拆解高效擬物圖標製作全流程。

高效工作流五步法

第 1-5 分鐘：構思與草圖

• 確認圖標隱喻（如：相機、音樂、設置、購物車）。
• 紙筆/數位板 2 分鐘快速草圖 3-5 個方案，選最強一個。
• 分析結構：分解為基底外殼、功能區（鏡頭/按鈕/螢幕）、材質分區（金屬/玻璃/塑膠/皮革）、品牌標識。

第 5-15 分鐘：矢量骨架搭建（AI/PS 形狀工具）

• 用形狀工具（矩形/圓角矩形/橢圓/多邊形/鋼筆）繪製精準向量骨架，圖層命名規範（如：body_base, lens_glass, btn_power）。
• 善用布爾運算（合併/減去/交集/排除）構建複雜造型（如相機機身凹槽、鏡頭圈環）。
• 建立透視參考線（消失點），所有形狀遵循統一透視。

第 15-25 分鐘：材質與光影賦予（圖層樣式為主）

• 建立材質樣式預設庫（金屬拉絲、陽極氧化、玻璃、光面塑膠、皮革、橡膠），平時積累，此處直接套用。
• 核心圖層樣式組合：
  • 金屬：斜面浮雕（外斜面+等高線金屬曲線）+ 內陰影 + 漸變疊加（金屬反光條）+ 紋理（雜色/自製拉絲紋）+ 外發光（邊緣高光）。
  • 玻璃：斜面浮雕（內斜面+平滑）+ 內發光（邊緣折射）+ 漸變疊加（高光條）+ 描邊（邊緣反光）。
  • 塑膠：斜面浮雕（內斜面）+ 內陰影 + 顏色疊加 + 外發光（微弱邊緣光）。
• 全域光源統一：所有圖層樣式勾選「使用全局光」，角度統一（如 120°/30°）。
• 關鍵高光手繪：新建圖層，柔邊畫筆手繪核心高光點/條（鏡頭反光、邊緣亮線），混合模式「螢幕/線性減淡」，不透明度 30-60%。

第 25-30 分鐘：細節豐富、輸出優化

• 添加微觀細節：螺絲、縫線、Logo 雕刻、材質接縫、灰塵/指紋（雜色濾鏡+蒙版）。
• 檢查清單：圖層命名/分組、智能物件狀態、非破壞調整圖層、圖標在 32px/64px/128px/256px/512px/1024px 下清晰度。
• 匯出：PS「導出為」→ 多尺寸 PNG/SVG，或使用切圖工具/動作批量輸出。

擬物圖標設計師必備素材庫（平時積累）

• 高解析度材質圖：拉絲金屬、陽極氧化、玻璃法線、皮革紋理、碳纖維、木紋等（灰度圖最通用）。
• 圖層樣式預設：.asl 文件分類保存（金屬/玻璃/塑膠/發光/陰影）。
• 常用形狀/路徑庫：圓角矩形變體、齒輪、螺絲頭、網格、喇叭網等。
• 高光/反光筆刷：不同形狀、衰減的高光筆刷。

避坑指南

• ❌ 過度依賴濾鏡（如鏡面、塑膠包裝）產出「塑膠感」廉價質感。
• ❌ 光源不一致：不同圖層全局光角度不同，破壞真實感。
• ❌ 細節均勻分佈：真實物體磨損、灰塵、高光分佈不均勻，要有「重點、次重點、無細節」層次。
• ❌ 忽視小尺寸可讀性：擬物細節在 32px 下會糊成一團，需簡化版本或放棄擬物改扁平。

進階：從 30 分鐘到 10 分鐘

建立圖標元件系統：將常用結構（按鈕、鏡頭、螢幕框、底座）做成「智能物件元件庫」，新專案直接拖入、縮放、替換材質樣式，核心時間壓縮至骨架搭建與細節微調。這是資深 UI 設計師的核心競爭力之一。