Principles That Shape Strong Motion Design

A practical tour through the principles of design, repetition, movement, proportion, variety, harmony, hierarchy, space, and composition, with examples drawn from broadcast and film title work.

The principles of design are the grammar that turns a collection of elements into a composition that actually communicates.

  • Repetition, pattern, and rhythm build consistency and flow, even across long sequences.
  • Hierarchy and proportion control where the eye lands first, second, and third.
  • Negative space is never wasted space, it creates focus and breathing room for the positive elements.

This lesson is a preview from our Video Editing & Motion Graphics Certificate Online (includes software). Enroll in this course for detailed lessons, live instructor support, and project-based training.

Design is not about cramming more into a frame. It is about making deliberate choices so the viewer always knows where to look and why. The principles below are tools for shaping those choices, and like any toolset, they work best when used together rather than in isolation.

Repetition, Pattern, and Rhythm

Repetition builds consistency. Pattern creates predictable structure. Rhythm establishes a visual tempo. They are technically different ideas, but they reinforce each other. When a show opening, like the one for Criminal Minds, uses the same framing, the same grid, and the same sliding imagery for each cast member, the viewer knows exactly where to look to find a name or a face. That predictability is what lets you focus on content rather than on navigation.

Repetition is also a branding tool. Consistent choices across a piece reinforce identity, which is one of the core differences between design and fine art. Design usually exists to serve a goal for a client, and repetition is how that goal stays front and center.

Movement, Proportion, and Scale

In static design, movement is an illusion created through directional lines, gradients, and sequential color changes. In motion graphics, movement is the entire point. It guides the viewer's eye from one element to the next and can transition smoothly between ideas. Constant movement is not always the goal, but when it is used well, it turns a sequence into a guided tour.

Proportion and scale are related but distinct. Proportion describes how elements relate to each other. A large burger next to small fries reads as the main subject because of its relative size. Scale describes the relationship of an element to the whole composition. Both can be bent intentionally, but the rules have to be understood before they are broken.

Variety and Harmony

Variety prevents monotony. It can live in color, shape, size, or texture. The balance to strike is that too much variety erodes rhythm and unity, while too little variety creates visual fatigue. A group of differently colored balloons still reads as a unified set because they share a common form. A row of tech devices feels cohesive because of shared materials, even though colors and sizes vary.

Harmony is how the elements feel when they are working together. It can be smooth and lo-fi, like a pastoral city scene, or it can be deliberately disharmonious, like the opening for Mimic, which leans into a science fiction edge. Neither approach is wrong. The question is whether the chosen balance serves the mood of the project.

Hierarchy and Space

Hierarchy tells the viewer what to look at first, second, and third. Size, color, placement, and contrast are all tools for building it. Two images with identical content can feel totally different depending on hierarchy. A warrior in the foreground facing a hovering blade tells a story of imminent danger. The same warrior dwarfed by a distant mountain tells a story of awe and journey. The elements are the same. The emphasis has changed everything.

Positive and negative space, sometimes called figure ground relationship or white space, works hand in hand with hierarchy. Negative space is not empty space. It is the area that pushes the positive elements forward. A blurred background behind an interview subject is negative space doing its job. Even a highly detailed background, like a moon behind a wine bottle illustration, can act as negative space if it supports rather than competes with the foreground.

Composition as Synthesis

Composition is the overall arrangement. It is where all the elements and principles resolve into a single frame. Strong composition feels intentional. It guides attention, communicates clearly, and balances unity with variety. Weak composition feels chaotic. A striking example is the title work for Raised by Wolves, which has beautifully hand-drawn imagery but pairs it with text that is often hard to read because the composition of type and art feels like an afterthought.

The lesson is that principles are not a checklist. They are a grammar. Elements give you vocabulary, and principles tell you how to put that vocabulary into sentences that work.

As you move through any design work, whether motion graphics, layout, branding, or interface, keep asking the same questions. Which elements am I using? Which principles are guiding my decisions? Is the composition communicating clearly? Design is intentional structure, and the principles are what make that structure hold.

photo of Jerron Smith

Jerron Smith

Jerron has more than 25 years of experience working with graphics and video and expert-level certifications in Adobe After Effects, Premiere Pro, Photoshop, and Illustrator along with an extensive knowledge of other animation programs like Cinema 4D, Adobe Animate, and 3DS Max. 

He has authored multiple books and video training series on computer graphics software such as: After Effects, Premiere Pro, Photoshop, Illustrator, and Flash (back when it was a thing).

He has taught at the college level for over 20 years at schools such as NYCCT (New York City College of Technology),  NYIT (The New York Institute of Technology), and FIT (The Fashion Institute of Technology).

More articles by Jerron Smith

How to Learn Premiere Pro

Build real-world video editing skills with hands-on Premiere Pro training. Adobe Premiere Pro is the industry-standard software used by professional editors across film, media, and digital content creation.

Yelp Facebook LinkedIn YouTube Twitter Instagram