Skip to Content
文档⚡ 核心功能🎨 可视化编辑器

可视化编辑器

左侧调参数,右侧看效果,改完即见。

布局

  • 左侧面板 — 图标、背景、形状
  • 右侧画布 — 按当前画布尺寸实时渲染

图标

控件范围说明
大小0% – 100%缩放前景图
旋转0° – 360°
水平偏移-100% – +100%
垂直偏移-100% – +100%

部分版本支持在画布上直接拖拽偏移;否则用输入框精确调。

形状

控件说明
圆角裁切前景图四角
SquircleiOS 超椭圆,替代普通圆角
内边距前景图与画布边缘的留白

做 iOS 图标:开 Squircle,留点内边距。Android 自适应图标内边距要多一些,避免被系统遮罩裁掉。

背景

  • 纯色 — 单色底
  • 渐变 — 两色 + 角度
  • 透明 — 透明背景(部分平台不支持)

画布尺寸

  • 512 px — 预览快,Web 够用
  • 1024 px — 日常推荐
  • 2048 px — 细节最多,适合 App Store 营销图

画布尺寸只影响编辑预览;导出时各平台仍按规范生成对应尺寸。

设计辅助线

可叠加 Apple / Android / Windows Fluent 网格、黄金比例螺旋、像素网格。仅预览用,不会出现在导出文件里。

最后更新于