anticipation-payoff
Anticipation & Payoff
Think like a comedian setting up a punchline. Every great moment is earned by what came before. The windup is half the pitch.
Core Mental Model
Before animating any action, ask: What prepares the audience for this?
Anticipation isn't just physical preparation—it's a promise. You're telling the audience "something's coming" so they're primed to receive it. The payoff is keeping that promise with interest.
The 12 Principles Through Setup-Delivery
Anticipation — The principle itself. Before going right, go left. Before jumping up, crouch down. The opposite direction creates spring-loaded energy.
Timing — Setup needs time to register. Rush the anticipation and the payoff feels random. Hold it too long and tension deflates. Find the sweet spot.
Staging — Frame the anticipation so it's unmissable. The audience can't appreciate a payoff they weren't prepared for. Clear staging of setup = satisfying delivery.
Exaggeration — Push the anticipation to heighten payoff. A bigger windup = bigger impact. But match scales—extreme setup needs extreme delivery.
More from dylantarre/animation-principles
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
1.6Kvideo-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
624motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
558micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
441saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
293game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
287