Creative agency glossaryVideo and Post-Production

Motion Design

Motion design is the craft of bringing graphic design into movement, animating type, shapes, illustration and interface elements so that they communicate over time rather than in a single frame.

What is motion design?

Motion design is graphic design with a timeline. Where a designer composes a frame, a motion designer composes a sequence: how a logo arrives, how a chart builds, how a headline lands, how a product's features reveal themselves one by one. The material is the same as print and digital design (type, shape, color, image) but the dimension of time changes everything, because now the designer also controls pace, rhythm, easing and the order in which the audience sees things.

The field covers a lot. Title sequences and brand idents. Explainer films and product walkthroughs. Animated logos and social templates. Data visualization. The transitions and micro-interactions in an app. Kinetic typography. The common thread is that nothing is filmed; it is designed and then moved.

Why it matters

Why motion design matters

Screens are where brands live now, and screens move. A static logo on a phone looks inert next to one that arrives with intent, and a product feature explained in motion is understood faster than one explained in a paragraph. Motion design is how a brand's visual identity behaves, and behavior is as much a part of recognition as color or type.

It is also the most flexible production tool in a campaign. A motion piece can be re-versioned for every size, every language and every platform without a reshoot, which makes it the workhorse of social, digital advertising and anything that has to exist in twenty formats by Friday.

In practice

How motion design works in practice

  1. 01

    Motion design begins as design. A brief becomes a script or a content outline, then style frames: still images that establish the look, the palette, the type and the level of detail. A storyboard or an animatic follows, blocking out the timing with rough movement and the audio, so that the structure is approved before the expensive work starts.

  2. 02

    Animation comes next, built in motion graphics software, with the designer refining the easing, the transitions and the relationship between elements until the piece feels inevitable. Sound design is added, because motion without sound feels unfinished, and the piece is exported in every format the campaign needs. Revisions are easiest at the animatic stage and most expensive at the end.

At RIOT

Motion design at RIOT

The new identity trailer we made for the Washington Commanders was, at its core, a motion design problem: a new name and a new mark introduced to an audience in a way that felt like the team rather than a slideshow. That is what motion design does for an identity. It gives a static system a way of moving.

See the work →

Watch out

What people get wrong about motion design

Treating it as decoration. Motion that exists to be busy competes with the message; motion that explains, emphasizes or guides makes the message land. Every movement should have a reason. The other mistake is skipping the animatic. Clients who approve style frames and then see finished animation for the first time tend to ask for changes that would have taken an hour at the rough stage and take days at the end.

Questions

People also ask

What is the difference between motion design and animation?

Animation is the broader craft of making anything move, including characters and stories. Motion design is animation applied to graphic design: type, logos, interfaces, information. A motion designer is a designer first; a character animator is a performer first.

What does a motion designer do?

Takes a brief, a script or a brand system and turns it into moving graphics: style frames, storyboards, animation, and the exports for every platform. Many also handle sound design and the templating that lets a brand produce variations quickly.

How long does a motion design project take?

A short animated logo takes days; a sixty-second explainer with custom illustration takes several weeks, most of it in design and animatic approval. Projects move fastest when the script is final before design starts and the feedback happens at the animatic stage.

Next to it in the glossary

  1. MixingMixing is the stage of audio post-production where dialogue, music, effects and atmospheres are balanced, placed and shaped into a single finished soundtrack.
  2. Motion Capture CinematographyMotion capture cinematography is the craft of recording real human or camera movement as data and using it to drive digital characters, virtual cameras and effects that move the way the real thing did.
  3. Motion Control RigA motion control rig is a motorized camera support that stores a camera move as data and replays it exactly, so every take follows the same path at the same speed.
  4. Motion Graphics DesignMotion graphics design is the craft of animating type, shapes, illustration and imagery to carry a message on screen, from a title sequence to a product explainer to a logo that moves.
  5. Motion Path ProgrammingMotion path programming is the plotting of a camera's or an animated element's movement through space as a defined, repeatable path, so a move can be timed to the frame and performed exactly the same way every time.
  6. Motion-Controlled Camera SystemsA motion-controlled camera system is a computer-driven rig that moves a camera along a programmed path, so the same move can be repeated exactly, take after take.

Every Video and Post-Production term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage