anticipation-mastery

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Anticipation Mastery

Anticipation 精通指南

The Setup Principle

铺垫原则

Anticipation prepares the audience for action. Discovered through theatrical observation, Disney animators found that without a preparatory movement, actions appeared to happen "out of nowhere"—confusing rather than exciting. The principle: before any significant action, there must be a counter-movement.
Anticipation的作用是让受众为即将发生的动作做好准备。这一原则源自戏剧观察,迪士尼动画师发现,如果没有预备动作,动作会显得“凭空出现”——令人困惑而非兴奋。核心原则:任何重要动作发生前,都必须有一个反向的预备动作。

Core Theory

核心理论

Newton's Third Law, Visualized: Physical actions require preparation. A pitcher winds up before throwing. A cat crouches before pouncing. Anticipation makes this mechanical necessity visible and dramatic.
Attention Direction: Anticipation tells viewers where to look and what to expect. It transforms surprise into suspense—a more engaging emotional state.
可视化牛顿第三定律:物理动作需要准备。投手在投球前会摆臂蓄力,猫在扑击前会蹲下身体。Anticipation让这种物理上的必要性变得可见且富有戏剧性。
注意力引导:Anticipation会引导观众看向何处、期待什么。它将意外转化为悬念——一种更具吸引力的情绪状态。

The Three Functions

三大作用

  1. Physical preparation: The body must coil to spring (jumping, throwing, punching)
  2. Mental preparation: The audience needs time to register incoming action
  3. Emotional preparation: Building tension before release amplifies impact
  1. 物理层面的准备:身体必须先收缩蓄力才能爆发(如跳跃、投掷、出拳)
  2. 心理层面的准备:观众需要时间来感知即将发生的动作
  3. 情绪层面的准备:在释放张力前先积累紧张感,以增强动作的冲击力

Timing Dynamics

时机动态

Duration signals magnitude: Brief anticipation (2-4 frames) for small actions. Extended anticipation (12-24 frames) for major moments. A full second of wind-up tells viewers something significant is coming.
Inverse proportion: The bigger the anticipation, the faster the following action can be while remaining readable.
时长传递强度:小动作只需短暂的Anticipation(2-4帧),重大时刻则需要更长的Anticipation(12-24帧)。整整一秒的蓄力动作会让观众意识到即将发生重要的事情。
反比关系:Anticipation的幅度越大,后续动作的速度可以越快,同时仍能保持可读性。

Interaction with Other Principles

与其他动画原则的关联

Staging depends on anticipation: The preparatory pose directs attention to where action will occur.
Timing is defined by anticipation ratio: Classic formula is 1:2—one beat of anticipation for two beats of action.
Squash/stretch often appears here: Characters compress before explosive movement.
Exaggeration amplifies anticipation: Cartoon wind-ups exceed physical possibility for comedic effect.
场景布局依赖Anticipation:预备姿势会将注意力引导至动作即将发生的位置。
时机由Anticipation比例决定:经典公式为1:2——1拍的Anticipation对应2拍的动作。
挤压/拉伸(Squash/stretch)常在此出现:角色在爆发动作前会先收缩身体。
夸张手法强化Anticipation:卡通中的蓄力动作会超出物理可能性,以达到喜剧效果。

Domain Applications

领域应用

UI/Motion Design

UI/动效设计

  • Button hover states: subtle scale-up anticipates the click response
  • Page transitions: brief pause or micro-movement before navigation
  • Loading states: pulsing or winding animation before content appears
  • Drag interactions: slight resistance before element "releases"
  • 按钮悬停状态:轻微放大以预示点击反馈
  • 页面转场:导航前的短暂停顿或微动作
  • 加载状态:内容出现前的脉冲或缠绕动画
  • 拖拽交互:元素“释放”前的轻微阻力

Character Animation

角色动画

  • Jump preparation: full crouch with held pose before launch
  • Punch delivery: shoulder rotation backward before forward strike
  • Emotional shifts: beat of stillness before reaction
  • 跳跃预备:起跳前完全蹲下并保持姿势
  • 出拳动作:向前击打前先向后转动肩膀
  • 情绪转变:做出反应前的短暂静止

Micro-interactions

微交互

  • Toggle switches: brief compression before snap to new state
  • Notifications: subtle entrance from off-screen before settling
  • Tooltips: micro-delay with subtle scale from origin point
  • 切换开关:切换到新状态前的短暂收缩
  • 通知:从屏幕外轻微进入后再稳定下来
  • 提示框:从原点轻微放大并伴随微小延迟

Game Design

游戏设计

  • Attack wind-ups: readable tells that allow player response
  • Ability charging: visual buildup matching power accumulation
  • Boss patterns: exaggerated anticipation creates learnable mechanics
  • 攻击蓄力:清晰的预示动作,让玩家有时间做出反应
  • 技能蓄力:与能量积累匹配的视觉铺垫
  • Boss机制:夸张的Anticipation形成可学习的机制

Common Mistakes

常见误区

  1. Skipping anticipation entirely: Actions feel robotic and sudden
  2. Over-anticipating minor actions: Creates sluggish, over-animated feel
  3. Wrong direction: Anticipation must oppose the action direction
  4. Uniform timing: Vary anticipation length based on action importance
  1. 完全省略Anticipation:动作会显得机械且突兀
  2. 对小动作过度使用Anticipation:会导致动作迟缓、动画过度
  3. 方向错误:Anticipation的方向必须与动作方向相反
  4. 时机统一化:应根据动作的重要性调整Anticipation的时长

The Reversal Technique

反转技巧

For comedic or surprising effect, violate anticipation expectations. Long wind-up followed by tiny action. No wind-up before massive action. The principle's power is proven by how jarring its absence feels.
为了达到喜剧或惊喜效果,可以打破Anticipation的预期。比如长时间蓄力后做出微小动作,或者在大型动作前完全没有蓄力。当Anticipation缺失时带来的违和感,恰恰证明了这一原则的力量。

Implementation Heuristic

实施准则

Every action above 200ms duration should have anticipation. Scale anticipation duration to 30-50% of the main action. When actions feel "empty," anticipation is usually missing.
所有时长超过200ms的动作都应加入Anticipation。Anticipation的时长应设置为主动作时长的30%-50%。当动作感觉“空洞”时,通常是因为缺少了Anticipation。