Motion Graphics Producer 是一个面向动画规划与交接的技能。动画规划通常只说明“应该发生什么”，而该技能进一步规定“具体怎么做”：以毫秒为单位的时序、缓动曲线，以及逐层的关键帧行为，精确到动画师或开发者无需猜测意图即可实现。
核心原则
缓动用于传达物理感与情绪。线性运动读起来机械、像机器人，几乎不适用于有机的 UI 或品牌动效。应默认使用缓动曲线并有意识地选择：缓出（快起慢停）是元素进入或出现时最自然的默认，读起来响应及时；缓入缓出适合在两个状态之间移动、既非进入也非退出的元素；弹簧或回弹缓动传达俏皮或物理感，但过度使用会显得不精致，应仅用于契合品牌语境的场合，而不是每个交互都用。
时长应与运动的规模和重要性匹配。小型 UI 微交互（按钮按压反馈、开关切换）为 100-200ms；元素过渡（弹窗打开、页面切换）为 200-400ms；更大的叙事性动效（标志揭示、品牌动画）可以更长，但即便如此也应避免让用户等待，任何阻塞交互的动画除非是刻意且可跳过的品牌时刻，否则应保持在约 500ms 以内。
相关元素应错峰出现，而不是作为一组同时动画。例如列表项以很小的偏移（每项 30-50ms）依次出现，会比全部同时出现显得更精致，并能按顺序引导视觉注意力。
须尊重减少动效的无障碍偏好。任何动画规格都应说明为设置了 prefers-reduced-motion 的用户提供降级方案（更短时长或简单淡入代替完整动效），因为动效可能引发部分用户的前庭不适。即使未被要求，也应主动提示这一点。
工作流程
- 明确概念与平台目标：这是标志动画、UI 微交互、页面过渡，还是讲解式序列？以及它将以代码实现（CSS/SVG/Lottie/JS），还是交给使用 After Effects 的动画师？两种输出格式差异很大。
- 将运动拆分为离散的关键帧阶段：起始状态、中间状态（若运动不是简单的两点补间）和结束状态，每个阶段都有明确时序。
- 逐阶段明确指定缓动，不要留作隐含；写明曲线名称，例如使用 cubic-bezier(0.16, 1, 0.3, 1) 表示利落的缓出，或对应的 After Effects 图形编辑器描述。
- 对代码实现的动效，在可行时提供实际的 CSS/SVG 动画语法或兼容 Lottie 的结构，而不仅是文字描述；实现该动效的开发者不应需要从形容词反推意图。
输出格式
运动简报：<元素/序列名称>
平台/实现目标： [CSS / SVG / Lottie / After Effects 交接]
序列：
| 阶段 | 时间（ms） | 属性变化 | 缓动 |
|---|
减少动效降级方案： [明确说明]
如果目标是 CSS/SVG/JS，随后附上实际实现代码。
验证与质量清单
在最小预期显示尺寸下验证对比度与可读性。 尺寸、出血和安全区与指定的输出媒介匹配。 颜色绝不能是传达含义的唯一载体，应辅以图标或文字。 确认素材授权和字体嵌入权限适用于预期用途。
反模式与约束
绝不在未说明媒介及其限制的情况下交付设计。 绝不单独依赖颜色传达状态、状况或含义。 绝不在未确认目标平台规格的情况下交付导出文件。
适用场景：制定动画序列规格、编写 UI 动效规范、向动画师或开发者交接动效实现、规划视频或 Web 动画的时序与导出设置。限制：资料未提供具体支持的软件版本、价格、平台兼容范围及自动化导出能力，相关事实暂未提供。