SuperAPI AI 工具集

z-dongxi

设计与创作

查看项目

更新于 11-02 17:37

技能介绍

「动」悉万物是一套生成动画解析图的技能工具,输入一个主题和一段内容,输出一张会动的解析图,使用者不需要懂 SVG,也不需要自己选图型、风格和画幅。

工作流:

  1. 判断是否适合:适合有先后顺序、因果、流动、数量变化、占比、对比、结构关系的内容;主节点超过 9 个的大架构图、需要读精确数值的大数据表(超过 8 行 × 6 列)、需要点击交互的图不适合,直接建议换静态图或表格。
  2. 找出“什么在动”:写下“这张图里,<什么东西> 从 <哪> 到 <哪>,读者看完应该明白 <一句结论>”,再按选型表选图型。东西在走(步骤、消息、数据、请求)选过程类 13 种;数字和关系在长(占比、排期、流向、打分、交集、关键数字)选数据与结构类 18 种;状态嵌套、违规路径、层层叠加、前后两点比较、三个维度选层次与立体类 4 种;拿不准选 flow。
  3. 选风格和画幅:用户指定则用,未指定用 auto,也可按题材挑(技术 swiss、架构 candy、科普 sketch、协议 blueprint、Agent/CLI terminal、开发者产品 linear、营销 riso、观点 editorial、战报 poster、SOP field、传播 neon、金融 porcelain、测评 brutal、课堂 chalk、国风 inkwash、生活 kraft、手绘 pencil、账单 receipt)。画幅默认 3:4,另可按竖屏视频 9:16、方图 1:1、PPT 4:3、横屏 16:9 等选择。
  4. 写 spec(JSON):标题一句话 18 字以内;节点标题 2~8 字、副标题写具体例子或数字;用真实场景数字,不用 A/B/C 占位;末节点用 accent 或 hl:true 突出;生活类可加页脚小物件。
  5. 渲染:用 render.py 生成 SVG 和 PNG,可换画幅,也可插入 Markdown 指定标题下。
  6. 检查:用 lint.py 做公众号兼容与反模板检查,用 capture.py 输出联系表看 8 帧,检查文字溢出、拥挤、动画顺序,有问题改 spec 重渲。
  7. 按需导出:capture.py 可输出 MP4(宽 1080)和 GIF。

35 种图型都不合适时,可参考 custom.md 用同一套画笔手写,仍需过 lint 和截帧检查。

附带文件:scripts 下有 render.py、lint.py、capture.py、gallery.py 及 dongxi 引擎(styles、core、layouts、charts、extra、props);references 有选型、风格、动作、自定义、设计笔记;demos/specs 有 40 个示例 spec 可照抄改。