統一風格的微圖標設計是 UI/品牌視覺系統的基石。本教學由設計師「六層樓那麼高」授權分享，採用 32px 基礎網格、Xtream Path 圓角外掛與 RoundAnyCorner 腳本，詳細拆解四款圖標的繪製邏輯，涵蓋對齊策略、非破壞圓角、描邊縮放修正、偏移路徑構建內部結構等核心技法，極適合新手系統練習。

一、 文件與網格標準化設定

• 新建 700×700 px、RGB、72 ppi 文件，取消「新建物件與像素網格對齊」。
• 「編輯」→「偏好設定」→「參考線與網格」：網格線間距 32 px、分割 1。開啟「視圖」→「顯示網格」+「對齊到網格」。
• 預設尺寸規範：矩形/橢圓寬 20/40/70 px、長 60/80 px；描邊 2/4/6 pt；圓角 2/4/6 px。所有圖形在此框架內設計，保證視覺一致性。

二、 圖標一：基礎幾何組合與圓角技巧

1. 矩形/圓形對齊：對齊面板選「對齊關鍵物件」，以主體為基準對齊子元素；間距需求用「分佈間距」功能。
2. 標準圓角：Xtream Path 外掛「直邊轉半圓角」/「圓角工具」一鍵完成。
3. 異形圓角（一側直角一側圓角）：AI 原生與 Xtream Path 均難完美實現，推薦 RoundAnyCorner 腳本（Ctrl+F12 調用），輸入數值即可任意角度圓角化。
4. 直線轉圓角端點：外觀面板→描邊選項→選「圓角端點」。
5. 直線轉曲線：直接選取工具（A）選中錨點→控制列點「轉換選定錨點為平滑」。單邊調整手柄按 Alt 拖曳。

三、 描邊縮放問題與解決方案

問題：圖標縮小時描邊粗細不跟隨變化。
方案一：「物件」→「擴展」→勾選「描邊」，將描邊轉為填色路徑。
方案二（推薦）：「編輯」→「偏好設定」→「一般」勾選「縮放描邊與效果」，保持描邊屬性隨物件縮放自動調整，保留後續編輯彈性。

四、 圖標四：弱電圖標（偏移路徑+路徑查找器構建液體波浪）

1. 瓶身輪廓：頂部直線轉半圓（直接選取錨點上移），底部矩形兩側錨點向內移 8 px，路徑查找器「聯合」。底部四直角用 RoundAnyCorner 做 2 px 圓角。
2. 液體內襯：選中瓶身→「物件」→「路徑」→「偏移路徑」-4 px 得內縮路徑，重新圓角化底部。
3. 波浪面：刪除頂部半圓錨點變直線，下移 10 px。兩側各置 10 px 橢圓，路徑查找器「合併」與「減去前面」雕琢波浪邊緣。

五、 總結與素材

全套案例源文件與 RoundAnyCorner 腳本已打包（文中提及微盤下載）。核心心法：網格規範先行、外掛腳本提效、非破壞屬性保留、路徑查找器布林邏輯構建複雜形狀。將這套流程內化為標準 SOP，即可高產出風格統一、技術乾淨的圖標系統。