可視化編輯器
左側調參數,右側看效果,改完即見。
布局
- 左側面板 — 圖標、背景、形狀
- 右側畫布 — 按當前畫布尺寸實時渲染
圖標
| 控件 | 範圍 | 說明 |
|---|---|---|
| 大小 | 0% – 100% | 縮放前景圖 |
| 旋轉 | 0° – 360° | |
| 水平偏移 | -100% – +100% | |
| 垂直偏移 | -100% – +100% |
部分版本支持在畫布上直接拖拽偏移;否則用輸入框精確調。
形狀
| 控件 | 說明 |
|---|---|
| 圓角 | 裁切前景圖四角 |
| Squircle | iOS 超橢圓,替代普通圓角 |
| 內邊距 | 前景圖與畫布邊緣的留白 |
做 iOS 圖標:開 Squircle,留點內邊距。Android 自適應圖標內邊距要多一些,避免被系統遮罩裁掉。
背景
- 純色 — 單色底
- 漸變 — 兩色 + 角度
- 透明 — 透明背景(部分平臺不支持)
畫布尺寸
- 512 px — 預覽快,Web 夠用
- 1024 px — 日常推薦
- 2048 px — 細節最多,適合 App Store 營銷圖
畫布尺寸只影響編輯預覽;導出時各平臺仍按規範生成對應尺寸。
設計輔助線
可疊加 Apple / Android / Windows Fluent 網格、黃金比例螺旋、像素網格。僅預覽用,不會出現在導出文件裡。
最後更新於