教學目標

掌握暗黑風格圖標設計語言：深色背景、高對比邊緣光、金屬/玻璃/發光材質混合、銳利幾何造型。適用於遊戲 UI、科技感網站、音樂播放器等場景。

最終效果

設計規範

• 畫布：64×64px / 128×128px，背景 #0a0a0a 或深灰紋理。
• 形狀語言：正方形、圓形、六邊形、銳角三角形為主，避免過度圓潤。
• 材質三件套：
  1. 基底：深灰 #1a1a1a +「倒角與浮雕」（內部、平滑、深度 80%）做凹陷感。
  2. 邊緣光：描邊 1px 線性漸變（#333→#666→#333）模擬金屬倒角反光。
  3. 發光點綴：關鍵圖形（如播放三角、電源圓）套用「外發光」（螢幕模式、青/綠/橙、大小 5px）+ 內部「漸變疊加」（徑向發光色）。
• 圖層結構：每個圖標獨立群組：`base`、`edge_light`、`icon_graphic`、`glow`、`shadow`。

批量輸出建議

將上述樣式存為圖層樣式預設，新建圖標時：畫形狀 → 套用預設 → 替換中心圖形 → 完成。配合美術板功能一次輸出全套 @1x/@2x/@3x PNG/SVG。