Staging Mastery（布局引导）是一种关于“清晰度”的动画与设计原则。它的核心定义是：布局是把一个想法呈现得明确无误的方式。该原则借自戏剧，用于解决动画的核心挑战——观众理解每个瞬间的时间有限。糟糕的布局会造成困惑，而精湛的布局则带来毫不费力的理解。
一、核心理论
- 每时每刻只有一个想法：眼睛无法同时处理相互竞争的关注点。每一帧都应恰好有一个主要兴趣点。次要元素只做支撑，绝不与之竞争。
- 剪影测试：一个动作应当能在纯剪影下被读懂。如果姿势在白底黑形下不够清晰，布局就失败了。这一测试在所有视觉媒介中依然适用。
二、布局工具箱
- 对比：重要元素与周围环境不同（大小、颜色、运动、细节层次）。
- 孤立：关注点周围留有负空间。
- 引导线：构图元素指向主体。
- 深度定位：前景/背景分离以厘清空间关系。
- 运动差异：静止背景让运动主体突出；静态主体在运动中凸显。
三、注意力层级
- 主行为：必须被看到的内容（故事点）。
- 次行为：丰富画面而不分散注意力的支撑细节。
- 环境运动：营造生命力但不要求注意力的背景活动。 每一层都应通过时间、尺度或位置上的对比被清晰区分。
四、与其他原则的交互
- 预备动作服务于布局：蓄势将注意力引向动作将要发生的位置。
- 时间控制创造布局：更快的元素吸引注意力，更慢的元素后退。
- 吸引力依赖布局：即使角色设计精美，呈现不佳也会失败。
- 次行为不得抢戏：支撑性动作通过减小幅度和错开时间保持从属地位。
五、领域应用 UI/动效设计：模态对话框调暗背景、居中并缩放焦点元素；表单验证通过颜色和运动隔离错误状态；引导流程用聚光灯技术直接呈现新功能；导航转场明确起点/终点关系。 角色动画：对话场景中说话角色拥有运动优先权；动作序列在关键姿势保持清晰剪影；人群场景通过时间/位置区分主角；情感节拍通过停顿和静止实现孤立。 数据可视化：图表动画采用顺序揭示避免过载；仪表盘更新用分阶段进入将注意力引向变化；对比视图在数据集之间建立清晰视觉层级。 演示设计：幻灯片逐条呈现，一次揭示一个想法；转场强化叙事流；强调用运动将注意力引向当前要点。
六、常见错误
- 竞争性焦点：多个元素争夺注意力。
- 故事点被埋没：重要动作丢失在视觉噪音中。
- 对称布局：造成静止、不清晰的构图。
- 均匀运动：所有东西同等运动，导致没有东西突出。
七、负空间原则 你没有展示的内容与展示的内容同样重要。留白为眼睛创造呼吸空间，杂乱的布局会耗尽注意力。精通布局者也是精通取舍者。
八、实施启发式 在制作动画前，先找出每个时刻唯一最重要的元素。将其他所有元素设计为通过对比、位置和时间上的从属来支撑它。如果你无法找出一个清晰的焦点，说明布局仍需改进。