一個優秀的 UI 刷新按鈕，不僅要辨識度高，更要在不同狀態下保持質感一致。本教學完整拆解從基礎形狀到多狀態（正常、按下、禁用、載入中）的精致刷新圖標製作流程，掌握圖標設計的專業標準。

成品展示：四狀態圖標組

製作教程圖解

教程以圖解形式詳細展示每一步圖層結構、樣式參數、布爾運算組合方式，涵蓋：

核心知識點

• 形狀工具布爾運算：組合/減前/交集/排除，精確構建複雜幾何圖形，保持矢量可編輯性。
• 圖層樣式系統化：建立「基礎樣式組」（漸變、內陰影、描邊、投影），各狀態僅微調參數（亮度、飽和度、投影距離），保證風格統一。
• 像素對齊：開啟「對齊像素網格」，確保邊緣銳利無模糊，適配 Retina 等高清屏。
• 智能物件複用：主體轉為智能物件，實例化到各狀態圖層，修改源頭自動同步所有狀態。

這套「矢量建模→樣式系統→狀態參數化→智能物件複用」工作流，是專業 UI 圖標設計的標準範式。