遊戲圖標設計需兼顧「小尺寸識別度」「風格統一性」「品牌語義傳達」「技術規範(尺寸/格式/命名)」。本教程通過6張關鍵節點圖，展示從概念草圖到最終交付資源的完整UI設計流程。

設計流程標準化

1. 需求拆解與風格定調：分析遊戲類型(卡牌/RPG/休閒)、目標用戶、平台規範(iOS/Android/Steam尺寸差異)、品牌色系。產出情緒板與關鍵詞。
2. 概念草圖發散：手繪/數位速寫 20+ 方案，篩選 3-5 組進入矢量化。核心圖形、隱喻元素、負空間運用。
3. 矢量精修與規範化：AI/PS形狀圖層構建，建立網格系統(如32px基準網格)、圖標邊距規範、描邊寬度統一、圓角半徑標準化。建立元件庫(通用形狀/裝飾元素)。
4. 色彩系統應用：主色/輔助色/功能色定義，建立圖標專用色板(正常/按下/禁用/高亮四態)。驗證色盲模式/灰度模式下識別度。
5. 多尺寸導出與命名規範：批處理導出 @1x/@2x/@3x / 512x512 / 1024x1024 等規範尺寸，命名遵循 icon_[模塊]_[功能]_[狀態]@[倍率].png 規範。
6. 交付包裝：輸出 .sketch/.fig/.psd 源文件、.png 切圖包、.svg 矢量源、設計規範文檔(Markdown/Zeplin/Figma鏈接)。

避坑清單

• ❌ 細節過多導致 64px 以下不可辨識 → ✅ 保留核心隱喻，簡化至 3-5 個視覺元素。
• ❌ 不同圖標風格不一(描邊/填充/扁平混用) → ✅ 統一風格語言，建立元件庫強制複用。
• ❌ 忽略平台規範(iOS圓角矩形/Autodesk圓形/Windows方形) → ✅ 建立平台適配模板。
• ❌ 命名混亂導致開發對接成本高 → ✅ 制定命名規範並配合自動化導出腳本。

六張圖雖無參數，但完整呈現了「從混沌到秩序」的設計決策軌跡。遊戲圖標設計，本質是「在極小畫布上做極大決策」的系統工程。