motion-art-direction

动效指导

在任何人开始制作动画之前，为动效作品做出创意决策。指导层负责判断：将简报和品牌转化为一小套可重复使用的动效规则——一套缓动词汇、一种基础时长尺度、一类转场——让每个镜头看起来都出自同一人之手。好的指导主要在于做减法：决定哪些内容不该动。

适用场景

• 开始制作任何作品——解说片、发布影片、UI 演示、数据故事、循环动画——且尚未确定视觉风格。
• 动画感觉“繁杂”“廉价”或“前后不一致”，而问题出在决策而非技艺。
• 协调其他技能（gsap/lottie/shader/three.js）：指导制定规则，由这些技能来执行。
• 将品牌或简报转化为可明确执行的书面决策，供团队（或 Agent）遵循。

唯一规则

先定义动效语言，再据此制作动画。 动效语言是一份简短规范——每项只选 一种：缓动类别、基础时长单位、转场类别、错开节奏、动效强度。作品中的所有内容都遵循这套规范。一致性传达信心；多样性则显得嘈杂。犹豫时，重复使用，不要另创新意。

指导工作流

步骤	决策	输出
1. 简报	受众、一条核心信息、平台、时长、情绪（3 个形容词）	一句话创意意图
2. 基调与节奏	在平静↔动感、柔和↔锐利两组维度中的定位	下方矩阵中的一个位置
3. 动效语言	确定规范表	动效语言规范（已填写）
4. 层级	排列动效对象：主角 / 辅助 / 纹理	动效层级列表
5. 克制检查	删除不承载意义的动效	保持静止的内容列表
6. 镜头指导	记录每个镜头的意图，而非关键帧	指导备注（参见模板）
7. 一致性检查	根据规范进行审核	每个镜头的通过 / 未通过

基调与节奏矩阵

根据两个维度定位作品；所在单元格决定动效语言的默认设置。

	柔和（自然、舒缓）	锐利（精准、利落）
平静	奢华、健康、编辑风格——节奏慢、缓动时间长、停留充裕、错开效果极少	高端科技、金融科技——刻意、干净、近乎线性的运动，紧凑但不急促
动感	活泼、生活方式、儿童向——弹跳 / 超调、富有弹性、时机宽松	运动、炒作、游戏——快速剪切、干脆利落的动作、在节拍处强烈超调

选定一个单元格并坚持到底。在同一作品中混用不同单元格，是动效“前后不一致”最常见的原因。

动效个性（命名预设）

基调矩阵告诉你作品的 定位；动效个性则是交给动画制作者的、带名称和数值的预设。每个项目只选一个，并在各处统一应用。这是一套共享词汇——其他技能（例如 gsap-web、micro-interaction、视频包）只需说“使用 Premium 个性”即可。

个性	时长	标志性缓动	超调	给人的感觉
Playful	150–300ms	ease-out-back / cubic-bezier(0.34,1.56,0.64,1)	10–20%	有趣、活泼、奇妙
Premium	350–600ms	cubic-bezier(0.4,0,0.2,1)	0%	优雅、简约、奢华
Corporate	200–400ms	cubic-bezier(0.2,0,0,1)	0–3%	干净、专业、可靠
Energetic	100–250ms	ease-out-expo	15–30%	大胆、动感、炒作

默认选择：UI / 产品使用 Corporate，插画 / 生活方式使用 Playful。它们与矩阵相对应——Premium≈平静-柔和，Corporate≈平静-锐利，Playful≈动感-柔和，Energetic≈动感-锐利。此个性会填入下方规范中的“缓动类别 / 基础时长单位 / 动效强度”几行。

动效语言规范

核心产物。为每一行选择一个选项，并在所有地方统一使用。

属性	选择一项	示例（沉稳利落／高端科技感）
缓动曲线系列	约 90% 动效使用的标志性曲线	cubic-bezier(0.22, 1, 0.36, 1)（减速，柔和落定）
基础时长单位	最小时间单位；其他时长均以其倍数构建	0.4s（入场 0.4s，大幅动效 0.8s，微动效 0.2s）
转场系列	镜头之间如何衔接	仅使用匹配剪辑 + 交叉淡化；不使用擦除／旋转
错落节奏	成组元素之间的延迟	60ms 依次出现，自上而下
动效强度	位移／缩放／过冲范围	位移 ≤ 24px，缩放 0.96→1.0，过冲 ≤ 2%
停顿规则	动效之间的最短停顿	每个节拍后静止 ≥ 0.3s

最多使用两种缓动曲线：一种“入”（退场），一种“出”（入场／落定）。第三种曲线必须有充分的存在理由。

动效层级

不是所有元素都值得添加动效。为每个元素排序，然后按顺序添加动效——并适时停下。这三个层级是通用的三个动效层（参见 animation-principles）：主视觉 = 主要层，辅助 = 次要层，纹理 = 氛围层。

层级	含义	动效方式
主视觉	镜头关注的核心元素	使用最醒目、最缓慢、缓动最明显的动效；在节拍处落定
辅助	帮助主视觉落定的上下文元素	动效幅度更小、速度更快，缓动后移开；绝不抢镜
纹理	背景、颗粒、氛围漂移	仅作潜意识感知——缓慢循环、低对比度、不硬切

如果同一帧中有两个元素争夺视线，说明方向设计失败。将其中一个降为辅助层。

克制——哪些内容不应添加动效

这是成熟的做法。对每个元素都问一句：动效是否承载了意义？ 如果没有，就让它保持静止。

• 不要让整帧同时动起来——采用错落出现，或固定一个锚点，让视线有所依托。
• 不要在转场上再叠加转场（不要同时使用动态擦除、旋转和淡化）。
• 不要让观众仍在阅读的文字循环动效。
• 对严肃／金融内容不要添加过冲——看起来会像玩具。
• 每个作品只安排一个“惊艳”时刻。第二个会抵消第一个的效果。

节奏与韵律

节奏是剪辑的心跳。有意识地改变节奏：紧张（更快、更紧凑）→ 释放（停顿）。在确定单个动效的时长之前，先规划整个时间线上的能量变化——大多数作品都需要低能量开场、逐步推进、达到高潮，并以平稳的片尾卡结束。在音频节拍上剪辑和落定关键时刻（参见 launch-video 了解节拍同步）；静音与静止是节奏工具，不是需要填补的空白。

一致性检查

签核前，根据规范表审查每个镜头：

• 可比的动效是否使用相同的缓动曲线系列？（不得夹杂 linear 或 ease。）
• 所有时长是否都是基础单位的倍数？
• 镜头之间是否仅使用选定的转场系列？
• 成组元素的揭示是否使用完全一致的错落节奏？
• 是否遵守停顿规则——动效之间没有未经停顿就层叠出现的情况？
• 每帧是否恰好只有一个主视觉？

任何一个答案为“否”，都是方向设计缺陷，而非制作偏好——应在润色前修正。

参考文件

• references/direction-playbook.md — 五种语气类型对应的动效语言规范示例、完整简报模板、带示例条目的逐镜头方向说明模板、品牌→动效转换表、缓动词汇速查表，以及完整的渲染前方向检查清单。