Indexwriting
Writing indexNote / Sep 19, 2024

Field note / motion graphics / typography / motion design

Kinetic Typography: Making Type Move With Purpose

Animating type is one of the most common motion design tasks and one of the most commonly done without intention.

Published
Sep 19, 2024
Length
3 min read / 553 words
Topics
motion graphics, typography, motion design

Kinetic typography — the animation of type — is everywhere. Lower-thirds in video. Animated social content. Title sequences. Logo reveals. Lyric videos. The ubiquity is partly because it's technically accessible: anyone with After Effects and a few tutorials can make type move. The problem is that most of it moves without purpose. Type that wiggles because the tool makes wiggling easy, not because the wiggling serves the message.

Movement Should Reinforce Meaning

The foundational question for any typographic animation is: does this movement reinforce what the words are saying, or is it independent of the content?

The most memorable kinetic typography sequences are those where the animation and the words are inseparable — where the way a word moves is an extension of what the word means. A word meaning "collapse" that collapses into itself. A word meaning "expand" that scales outward. A phrase about speed delivered fast and a phrase about stillness held long.

This kind of alignment between content and motion requires making motion decisions based on what the words mean, not on what looks impressive or matches a template.

Character vs. Word vs. Line Animation

Kinetic typography can animate at three levels: individual characters, whole words, or entire lines. Each level produces different effects.

Character-level animation allows the most nuanced, expressive motion — individual letters can behave differently from each other, creating organic or chaotic effects. It's also the most complex and can easily become visually overwhelming. I use character-level animation when I want to communicate texture, randomness, or individual expression.

Word-level animation is the most common and often the most readable approach. Words enter, exit, or transform as units. It preserves the legibility of each word while allowing clear hierarchy between words.

Line-level animation — where entire lines enter and exit as units — is the cleanest approach for communications that need to be read quickly and clearly. It minimizes distraction and maximizes legibility.

The Legibility Window

Moving type has a legibility window — the period during which it can be read. Before this window (when the type is entering), the motion itself draws attention and reading is difficult. After this window (when the type is exiting), reading is again disrupted.

The legibility window needs to be long enough for the words to be read and absorbed. A common mistake is building beautiful entrances and exits with no hold time between them — the type is always in motion and is never actually read.

I time kinetic typography by reading the text aloud at a comfortable pace and setting the hold duration to match at minimum. The entry and exit animations come on top of this, not at the expense of it.

When Restraint Is the Answer

Some of the most effective kinetic typography is the least animated. A simple fade-up, held long, with a clean fade-down communicates dignity and clarity. The meaning of the words carries the communication. The animation is transparent.

Transparency — animation that doesn't draw attention to itself but allows the words to land — is an underrated quality in kinetic typography. Not every brief calls for expressive, complex motion. When the words themselves are the message, the motion should get out of the way.