Timing vs Spacing in Motion Design: What Matters Most

Both — and they're inseparable. Timing and spacing are the two most fundamental aspects of all animation. Understanding the relationship between them is what separates good animation from great animation.

Timing = WHEN things happen (and how long they take)
- The duration of a movement (12 frames vs 30 frames)
- The delay between sequential elements (stagger)
- The rhythm and pacing of the overall piece
- Which moments are fast and which are slow

Spacing = WHERE things are between key poses
- How far an object moves between each frame
- Close spacing = slow movement, wide spacing = fast movement
- This is what easing curves control
- The distance between frames defines the perception of weight and speed

Why they're inseparable:
Imagine a ball dropping from a shelf:
- Timing decides it takes 15 frames to fall
- Spacing decides the ball barely moves in the first few frames (slow start due to gravity starting), then covers lots of distance in the last few frames (acceleration)

Change the timing (make it 30 frames) → feels like a heavier ball or slower gravity
Change the spacing (even spacing) → feels like the ball is mechanical, not natural
Change both correctly → feels like a real ball dropping

How they affect perception:

| Timing | Spacing | Feels like... |
|--------|---------|---------------|
| Fast | Even | Mechanical, robotic |
| Fast | Eased | Snappy, energetic |
| Slow | Even | Floating, dreamlike |
| Slow | Eased | Heavy, dramatic |
| Fast start, slow end | Ease-out heavy | Powerful entrance |
| Slow start, fast end | Ease-in heavy | Building tension |

Beyond individual movements — composition timing:
A great motion piece also has macro-level timing:
- Rhythm: Alternating fast and slow sections creates visual music
- Stagger: Elements that enter with slight delays (0.05-0.15s apart) feel organic
- Pause: Moments of stillness give the eye time to rest and read
- Contrast: A fast movement AFTER a slow section feels faster because of context

The "beat" concept:
Think of your animation like music. Each major movement is a beat. Too many beats in rapid succession = overwhelming. Too few = boring. The best motion design has a clear rhythm you can almost tap your foot to.

Practical improvement exercises:
1. Animate a ball bouncing — get the timing and spacing to feel real
2. Animate text entering the screen 5 different ways with different timing
3. Watch Vimeo Staff Picks motion design, clap on each "beat" — feel the rhythm
4. Try the same animation at half duration and double duration — notice how timing changes meaning

Pro tip: When something doesn't feel right in your animation, it's almost always a timing or spacing issue — not a design issue. Before redesigning, try making the movement 30% faster. Then try adding 3 frames of anticipation. Then try adjusting the easing curve. Nine times out of ten, one of these fixes the problem. Good motion designers adjust timing and spacing constantly, like a musician adjusting tempo and dynamics.