Motion Graphics: Designing for Time

Static design and motion design share a vocabulary but they're fundamentally different disciplines. When you add time as a dimension, every design decision gets multiplied. A color that works perfectly in a static lockup might feel aggressive at the moment it enters the frame. A typeface that reads beautifully at rest might become illegible at the wrong easing curve.

I came to motion from print, and that transition was humbling. Here's what changed how I work.

The Storyboard Is the Design

In static design, the file is the design. In motion, the storyboard is the design — the actual animation is a production process. I can't stress this enough for designers coming from a print background.

If I haven't worked out the timing, the transitions, the holds, the pacing — the emotional rhythm of the piece — before I open After Effects, I'm not designing. I'm noodling. And noodling in motion is extremely expensive in time.

I spend as long on the animatic (a rough, timed storyboard) as I do on any static design deliverable. The animatic answers the fundamental question: does this story work in time? If it doesn't work rough, it won't work polished.

Easing Is Feeling

Nothing dates a motion piece faster than default easing. Linear motion reads as mechanical and cold — things in the natural world almost never move at constant velocity. Ease in, ease out, bounce, snap — these are the vocabulary of organic motion, and getting them right is what separates work that feels considered from work that feels generated.

I use the graph editor aggressively. A custom Bezier curve for each animation curve is not overkill — it's the difference between a piece that breathes and one that chugs. I have a set of easing presets I've built over years, but I always push them for each specific project because the emotional register of the piece should determine the easing character.

Hierarchy in Time

Static design uses spatial hierarchy — size, weight, position. Motion design has all of that plus temporal hierarchy. What enters first? What holds longest? What leaves last?

The sequence of elements is a storytelling tool. Information that enters first gets treated as context, as foundation. The most important message should enter with the most presence — often that means slower, larger, with more visual weight. Supporting information follows.

I map out the temporal hierarchy in the storyboard. Every element gets an assigned moment and a duration. If everything enters at the same time, nothing is important. If everything moves at the same speed, nothing is alive.

Sound and Design Are Inseparable

I know designers who hand off motion pieces and let editors or producers sort out the sound. This drives me crazy. Sound and motion are inseparable. The timing of the animation should be locked to the audio — or the audio should be built to match the animation. One of them has to lead, and both have to serve the same emotional purpose.

Even on pieces with no dialogue, the choice of music sets the entire frame for how the motion is read. I involve the sound direction early — sometimes before the storyboard is finalized — because the audio rhythm informs the visual rhythm.

Restraint Works in Motion Too

The temptation in motion is to animate everything, to show off the tool's capabilities, to fill every second with movement. The work I'm proudest of almost always has more stillness than I originally planned. A strong hold — a moment where things just rest — gives the viewer time to absorb information and makes the subsequent movement feel earned.