圖標設計的幾何本質

優秀的 UI 圖標並非憑空想像，而是建立在對現實物體結構的深度觀察與抽象之上。本教程將分享如何運用四大基本幾何形——圓形、正方形、三角形、圓角矩形，經由組合、減疊、旋轉等布爾運算，推導出任何複雜圖標的結構骨架。無論是水滴、愛心，還是賬單、垃圾桶等功能性圖標，皆可循此邏輯構建。

核心工作流程

1. 觀察與解構：將目標物體拆解為最簡單的幾何組件。例如水滴 = 三角形 + 圓形；愛心 = 兩圓形 + 一三角形。
2. 矢量建模：在 Illustrator 中使用形狀工具繪製基礎圖形，利用「路徑查找器」進行合併、減前、交集等操作，快速生成封閉路徑。
3. 描邊統一規範：一套圖標僅保留 1–2 種描邊粗細，配合「描邊面板」的圓角端點與圓角拐角，確保視覺一致性與友好度。
4. 細節微調：透過「直接選擇工具」調整錨點與方向線，優化曲線張力；善用「封套扭曲」處理透視變形需求。

實戰案例：垃圾桶圖標拆解

以 Parker Planner App 的垃圾桶圖標為例，僅需三個圓角矩形與三條直線即可完成：桶身、蓋體、把手分別由圓角矩形繪製，再用「橡皮擦工具」移除蓋體下半部；三條等寬直線構成桶身飾紋。全程展示「路徑查找器」、「描邊/填充切換」、「描邊面板圓角設定」等高頻操作。

驗證與輸出

設計完成後，將全套圖標排列對齊檢視整體協調性，最後置入實際 App 介面於裝置上測試清晰度與辨識度。記住：工具技巧固然重要，但持續練習「將周遭事物解構為基本幾何」的思維模式，才是成為優秀圖形設計師的關鍵。