教學目標

針對初學者，演示基本形狀 → 路徑查找器布林運算 → 線性/徑向漸層填色 → 圖形樣式儲存的最短路徑，幾分鐘產出一組視覺統一、可無限縮放的漸層圖標套系。

核心步驟速覽

1. 基礎幾何構建：圓形、圓角矩形、多邊形、星形工具組合基本圖標輪廓（如相機、信箱、設定齒輪、播放鍵）。
2. 路徑查找器合成：合併、減去前層、相交、排除等布林運算，將多形狀合成為單一閉合路徑。
3. 統一漸層色系：建立全域色板組（如：品牌主色→同色相淺色徑向漸層、互補色線性漸層），全選圖標群組一鍵套用，確保色彩一致性。
4. 內發光/投影微調：外觀面板添加效果 → 風格化 → 內發光（模式螢幕、不透明度 30%、模糊 2px）增強立體感；投影（距離 2px、模糊 3px、不透明度 20%）提升層級。
5. 存為圖形樣式：將完整外觀屬性存入圖形樣式面板，命名「Brand_Gradient_Icon」，後續新圖標單擊即套用。
6. 匯出多尺寸：美術板工具建立多尺寸畫板（16×16, 24×24, 32×32, 64×64, 128×128, 256×256, 512×512, 1024×1024），檔案 → 匯出 → 匯出為 選擇 PNG/SVG/PDF，勾選「使用美術板」批量輸出。

進階技巧：動態符號實現「一改全變」

將基礎圖標形狀存為動態符號，拖放多個實例構建介面佈局。修改符號定義（如調整圓角半徑、更換圖標圖騰），所有實例即時同步更新，極大提升設計系統維護效率。

配色建議

風格	主色相	漸層方向	適用場景
科技藍	220° (藍)	徑向：中心青色→邊緣深藍	SaaS、FinTech、企業級產品
活力橙	30° (橙)	線性：左上暖黃→右下深橙	電商、外送、社交娛樂
健康綠	140° (綠)	徑向：中心薄荷綠→邊緣深綠	醫療、健身、環保
創意紫	270° (紫)	線性：左紫→右粉	設計工具、藝術平台、教育