可视化编辑器
左侧调参数,右侧看效果,改完即见。
布局
- 左侧面板 — 图标、背景、形状
- 右侧画布 — 按当前画布尺寸实时渲染
图标
| 控件 | 范围 | 说明 |
|---|---|---|
| 大小 | 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 网格、黄金比例螺旋、像素网格。仅预览用,不会出现在导出文件里。
最后更新于