SuperAPI AI 工具集

motion-design-rules

设计与创作

查看项目

更新于 10-22 08:07

技能介绍

这是一套面向代码化视频(programmatic video)的动效设计规则,适用于每一个 Helios 视频合成。要求在产出创意规格或编写合成代码之前,先阅读并内化以下规则。

一、用途 规则针对基于代码生成视频时最常见的质量问题,包括幻灯片式换场、画面扁平、动画节奏混乱、转场割裂,以及画面与音乐脱节,提供可执行的架构与检查清单。

二、主要能力(规则要点)

  1. 反幻灯片架构:把元素分为全局元素(背景纹理或渐变、漂浮粒子或强调形状、Logo、环境运动)与局部元素(场景主文案、细节数据、场景图像)。全局元素不得在场景间重置,只能变形、位移或演化,从而制造单一连续世界的观感。
  2. 视觉堆栈至少四层:第0层基底色或深渐变;第1层纹理(噪点、渐变漂移、网格线、缓慢视频),永不静止;第2层环境(漂浮形状、线条、粒子),做视差、慢于前景;第3层主视觉(文字、图像、产品界面),对比最高。少于三层可见层次时需补深度。
  3. 物理引擎:全片定义一个全局缓动性格,并写入创意规格,例如 physics: { easing: "circOut", defaultDuration: 0.4 }。规则给出品牌与缓动的对应建议:科技/开发者用 circOut,奢华/高端用 easeInOut,趣味/消费用 spring,企业/商务用 easeOut,大胆/创业用 backOut。所有 motion.dev / WAAPI 动画引用该常量。
  4. 编排与错峰:元素不得同时出现。入场顺序为背景演化、环境元素入场、主文案逐词或逐行错峰、细节逐条级联。错峰间隔按能量分级:高能量 50–80ms,中能量 80–120ms,低能量 100–150ms。退场动画需与下一场景入场重叠至少 200ms,场景应交叉淡化而非直接替换。
  5. 眯眼测试:在随机 5 帧暂停并眯眼检查:能否立刻识别最重要元素、负空间是否足够、是否存在超过 3 个竞争焦点、每个可见元素是否都有用途。不通过即简化。
  6. 转场连续性:至少一个全局元素视觉连续;退场与入场重叠;音频能量衔接;色调渐变而非突变。推荐持续背景擦除、主视觉缩放出/入、方向滑动、形状变形等转场;避免硬切、全黑间隙、同时淡出淡入。
  7. 声音对时:有音轨时先用 npx -y @helios-project/cli@latest analyze track.mp3 分析,生成 track.beats.json,其中包含节拍、强拍、kick/snare/hat 起音、重击、riser、段落与逐帧响度包络。不要用单一 BPM 网格套真实歌曲。规格中需标注每个定时对象的时间来源:W 词时间、B 节拍网格、H 音轨事件、F 固定时间、T 素材时刻。动作对节拍,词对语音;剪切落在强拍、kick 或 snare;标记节拍的入场不超过八分之一拍;音乐呼吸处保持静止;闪光仅用于重击且任何一秒不超过三次(WCAG 2.3.1),用 helios check video.mp4 测量;强调色每帧最多用于两个元素;同义数字由同一数值驱动。
  8. 脚本可执行的检查:交付前运行 helios verify page.html 确认每帧只依赖 t;helios verify page.html --cues lyrics.srt 确认每句歌词/字幕在其时间显示(N/N),Canvas 页面需通过 window.heliosDrawnText?.add(text) 声明所绘文字;在关键时刻(每场景首中末帧、每次重击、每次入场、每次转场中点)生成 helios sheet 并实际查看;对最终文件运行 helios check video.mp4 检查闪烁与色彩标签。若审查者能看到问题而检查未捕获,应补充检查。

三、使用方式 先用上述规则撰写创意规格(含全局缓动常量、错峰等级、时间来源标注),再编写合成代码,最后用 verify、sheet、check 三类命令逐项验证并人工查看生成的审阅表。

四、适用场景 用代码生成的品牌视频、产品发布片、社交短视频、音乐卡点内容、带歌词或配音的解释类视频等需要统一视觉层次与节奏一致性的创作。

五、限制 规则面向 Helios 项目与命令行工具链,命令与输出格式以实际工具为准;具体品牌参数、时长、平台、收费与效果资料暂未提供。