經典 UI 圖標練習：現金兌換圖標。以幾何基礎形狀構建，強調「布林運算 + 路徑查找器」核心工作流，適合圖標設計入門者反覆練習，建立標準化繪製 SOP。

繪製步驟拆解

1. 基礎幾何： 圓形（硬幣本體）+ 矩形（鈔票主體）+ 圓角矩形（卡片/收據）。
2. 細節構建： 線段工具繪製鈔票裝飾線、數字佔位符、貨幣符號（$/¥）。
3. 布林運算： 路徑查找器「聯集/減去/相交」合成複雜輪廓（如硬幣疊疊效果）。
4. 色彩系統： 定義主色（金黃/綠鈔色）、高光色、陰影色三色階，統一套用至所有元件。
5. 像素對齊： 開啟「對齊像素網格」，確保 1px 筆畫銳利，輸出 @1x/@2x/@3x 無模糊。

成果展示

延伸練習建議

• 嘗試不同風格：扁平化、材質擬物、線性圖標、雙色調。
• 建立「圖標元件庫」：將基礎形狀（硬幣、鈔票、卡片、箭頭）做成符號，下次拖放即用。
• 導出 SVG/Symbol Font，驗證在網頁/App 實際渲染效果。

圖標設計的核心不在「畫得像」，而在「結構清晰、風格統一、尺寸標準、易於維護」。以此圖標為樣板，舉一反三練習 20+ 金融/電商類圖標，即可構建個人專屬圖標設計體系。