掌握 APP 圖標主流形狀的三種高效繪製路徑

橢圓矩形——介於圓形與圓角矩形之間、曲率連續平滑的「超級橢圓」形狀，是當前 iOS/macOS/Windows 11 等系統 APP 圖標的標準外框。本文提供三種不同難度、不同精度的繪製方法，滿足從快速草圖到像素級精確的各種需求。

效果展示

方法一：圓角矩形工具 + 直接選擇工具微調（最快，適合草圖）

1. 選擇圓角矩形工具，半徑設較大值(如 100px)繪製方形。
2. 切換直接選擇工具(A)，選中四個角錨點，屬性面板中將「圓角」數值調整至接近邊長一半(如 200px 邊長設 90-95px)。
3. 視覺檢查曲率連續性，微調單個錨點手柄至滿意。

方法二：橢圖工具 + 路徑操作（精確可控，適合生產）

1. 橢圓工具按 Shift 繪製正圓。
2. Ctrl+T 自由變換，按住 Ctrl 獨立拖動四個角點，將正圓拉伸為橢圓矩形比例。
3. 路徑面板複製路徑 → 編輯→變換路徑→數值輸入精確控制寬高比與曲率。
4. 另存為自定義形狀或形狀預設，複用極快。

方法三：腳本/插件/在線生成器（像素級精確，適合規範輸出）

• 使用 Superellipse 算法腳本(如 x = a·cos^2/3t, y = b·sin^2/3t)生成數學精確路徑。
• 推薦在線工具：squircle.io、Figma Squircle 插件，輸入尺寸導出 SVG 進 PS。
• PS 2022+ 圓角矩形屬性面板已內建「平滑圓角」選項，一鍵生成標準 Squircle。

遷移建議

• 建立標準元件庫：將三種方法產出的標準 Squircle 存為「形狀預設」與「CC 庫」資產，團隊統一調用。
• 像素對齊檢查：導出前務必開啟「視圖→對齊→像素網格」，避免邊緣半透明像素。
• 響應式適配：制作 1024×1024、512×512、180×180、120×120 等全套規範尺寸，驗證小尺寸下曲率識別度。

橢圓矩形已成現代 UI 視覺語言的「漢字部首」。掌握這三種方法，覆蓋從概念草圖到 App Store 上架素材的全鏈路需求，是 UI 設計師的必修基本功。