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 網格、黃金比例螺旋、像素網格。僅預覽用,不會出現在導出檔案裡。

最後更新於