等邊距（Equal Margin）圖標是 UI 設計規範的基石，確保圖標在同尺寸畫布中視覺重心一致、間距均勻。本教學示範 AI 中利用網格、對齊面板、路徑查找器、描邊屬性 高效產出標準化圖標集。

核心流程

1. 建立參考網格：新建 64×64 px 畫板，啟用 檢視 > 顯示網格、吸附至網格。劃分 4 px 基礎單位，四周預留 4 px 安全邊距（實際繪製區 56×56 px）。
2. 基礎幾何構形：用矩形、橢圓、多邊形工具組合基本形，僅操作路徑不加描邊/填色，專注結構比例。
3. 路徑運算統一邊框：選中所有路徑 → 路徑查找器 > 合併 或 複合路徑，得到單一閉合路徑。
4. 描邊統一視覺權重：描邊寬度 2 px、圓角端點、圓角拐角、居中對齊。關閉填色，純線條風格；或開啟填色做實心風格，描邊設為無。
5. 光學修正：圓形視覺上比方形小，需放大 1~2%；斜線視覺較粗，描邊寬度微減 0.5 px。用眼睛微調，而非死守數值。
6. 符號化管理：完成圖標拖入 符號面板，命名規範（如 `icon/home/24/outline`），後續全局修改極其高效。

關鍵技巧圖解

輸出規範

• SVG：保留向量屬性，Web 直接引用，可通過 CSS 控制顏色。
• PNG 系列：@1x/@2x/@3x 批量匯出，命名含尺寸後綴。
• 設計規範文檔：記錄網格單位、安全邊距、描邊寬度、圓角半徑、光學修正原則，團隊協作無歧義。

掌握這套流程，無論是 20 枚或 200 枚圖標集，都能保持極高一致性與擴展性。