YiBox
帮助

YiBox 帮助

这份指南帮助你探索 YiBox、创建视觉研究、保存组合 preset,并为真实 App 工作导出代码灵感。

开始使用

  • 打开 Color、Motion、Material、Layout 或 Mix 工作区。
  • 选择模块,通过随机或直接调节找到视觉方向。
  • 当组合值得复用时,保存 Mix preset。
  • 需要带到其他项目时,导出 PNG 预览或代码研究。

工作区与模块

  • Color 包含配色星球、图像声化和粒子流场。
  • Motion 包含果冻反馈、碎玻璃交互和弹性管线光标。
  • Material 包含布料、液态玻璃和霓虹噪声实验。
  • Layout 包含力场排版、字母场、卡片光束、流程盒、超立方和声音光鸟。
  • Mix 可以把 Base、Layer 和 Interaction 模块组合成可复用 preset。

导出代码和预览

  • 可导出 SwiftUI、UIKit、Kotlin Compose、Android Java 或 Web Canvas 代码研究。
  • 可导出 PNG 作为设计记录、App Store 预览或原型 mood board。
  • 生成代码适合作为起点,正式使用前请审阅、简化并适配。

图像声化

导入图片时,YiBox 会在本机生成用于探索的视觉解释。App 不会为了处理而上传导入图片。

常见问题

  • 如果动画太强,降低能量、密度、速度或玻璃感。
  • 如果找不到导出文件,请查找以 YiBox 开头的文件名。
  • 如果代码在大量编辑后无法编译,重新导出一份并对比修改。