本教學針對 AI 初中級學習者，演示如何僅用矩形、橢圓、圓角矩形、多邊形等基礎幾何圖形，配合路徑查找器（聯合/減去/相交/排除）、對齊分佈、描邊/填色切換，快速構建一套風格統一的扁平化綠色系統圖標。雖原文僅提供結果圖，但還原邏輯清晰，極適合作為「幾何構形思維」的入門練習。

核心構形邏輯（由結果圖反推）

1. 統一視覺規範：畫布 500×500 px，主色 #4CAF50 (Material Green)，輔助色 #FFFFFF、#2E7D32。描邊 2 pt、圓角 4 px、間距 8 px（8px 網格系統）。
2. 圖標拆解範例：
   • 齒輪：圓形 + 矩形齒條 → 旋轉複製 12 次 → 聯合 → 中心扣孔（減去前面）。
   • 資料夾：圓角矩形主體 + 小圓角矩形蓋頁 → 聯合 → 內部文件圖示（矩形+折角）。
   • 設定滑桿：圓角矩形軌道 + 圓形滑塊 → 對齊置中。
   • 下載雲：橢圓群組合併雲形 + 向下三角形箭頭 → 聯合。
   • 用戶頭像：圓形 + 半圓肩膀 → 聯合。
   • 搜尋鏡：圓形描邊 + 直線手柄 → 群組。
   • 訊息氣泡：圓角矩形 + 三角形尖角 → 聯合。
   • 愛心：兩圓形 + 方形旋轉 45° → 聯合 → 刪除頂點調整。
3. 批量統一：全選 → 外觀面板統一設描邊/填色/圓角 → 符號面板存為符號庫 → 後續專案拖拽即用。

結果展示

進階建議

• 建立「圖標設計系統檔」：包含網格、色板、描邊規格、圓角規格、圖層命名規範、導出腳本（SVG/PNG 多尺寸）。
• 練習「布林運算心算」：看圖標能瞬間拆解為 3-5 個基礎幾何體的布林組合，是資深圖標設計師的核心內功。
• 嘗試「變數數據集」驅動圖標批量生成（如不同狀態/主題色），實現設計系統級自動化。

扁平化圖標看似簡單，實則考驗對幾何本質的洞察與標準化執行力。從今天開始，用 8px 網格、3 款基礎形狀、3 種布林運算，每天練習 1 個圖標，三個月後質變可期。