iOS 7 掀起的扁平化設計浪潮至今仍影響著 UI 圖標創作。本文將拆解 iOS 7 風格圖標的視覺特徵，並示範在 Illustrator 中如何高效繪製符合規範的線性/面性圖標。

風格特徵

• 極簡線條：2px 統一描邊，圓潤端點與轉角。
• 純色填充：無漸層、無投影，強調圖形辨識度。
• 網格對齊：圖標置於 24×24pt 或 32×32pt 畫板，關鍵節點扣網格。
• 呼吸感留白：圖形與畫板邊緣保留 2-4pt 安全區。

製作流程

1. 建立 32×32pt 畫板，開啟「智能參考線」與「像素預覽」。
2. 使用「圓角矩形」、「橢圓形」、「直線」工具繪製基礎幾何形。
3. 「路徑尋找器」進行聯合/減疊，獲得最終輪廓。
4. 統一設定描邊 2pt、圓形端點、圓形轉角，或轉為填色模式。
5. 套用標準色票（如 #007AFF, #4CD964, #FF3B30 等），完成輸出。

實作範例

以下展示多款 iOS 7 風格圖標的構圖與細節：