ArticleslgStudy

science

Motion graphic design

Motion graphic design is a science topic covered in the lgStudy science library. This page brings together a partial reference excerpt, illustrations, worked examples, real-world applications and a short study plan, so you can understand Motion graphic design rather than just read about it. In short: Motion graphic design, also known as motion design, is a subset of graphic design which combines design with motion graphics and video production. Examples include kinetic typography and graphics used in film and television opening sequences, and station identification logos of some television channels.

Motion graphic design — main illustration
Motion graphic design — illustration

Key takeaways

  • Motion graphic design belongs to science; place it in that map before memorising details.
  • Learn the definition first, then one example that makes the definition concrete.
  • Connect Motion graphic design to a quantity you can measure, compute or draw — that is where exam questions come from.
  • Reproduce the core statement of Motion graphic design from memory before moving on to harder problems.

Reference excerpt

Motion graphic design, also known as motion design, is a subset of graphic design which combines design with motion graphics and video production. Examples include kinetic typography and graphics used in film and television opening sequences, and station identification logos of some television channels. Both design principles and animation principles are important for good motion design. Some motion designers start out as traditional graphic designers and later incorporate motion into their skillsets, while others have come from filmmaking, editing, or animation backgrounds, as these fields share a number of overlapping skills.

Technology Technological advancements during the 20th and 21st centuries have greatly impacted the field; chief among these are improvements in modern computing technology, as computer programs for the film and video industries became more powerful and more widely available during this period. Modern motion graphic design typically involves any of several computerized tools and processes. Adobe After Effects is one of the leading computer programs used by modern motion graphic designers. It allows users to create and modify graphics over time. 3D software such as Cinema 4D and Blender are part of many modern motion designers' toolkits. Adobe Animate, formerly known as Flash, is a tool for 2D motion graphic design. Prior to the rise of HTML5, it was the primary tool for web animation. It has also been used for creating video animations, such as the web series Homestar Runner. It is still used by some motion designers, particularly for frame-by-frame, or "cel" animation. It was announced to be discontinued on the 4th of Feb 2026, but after immediate backlash from creators on X, they overturned the decision. Adobe Premiere Pro is often used with After Effects when combining video footage with motion graphics. Prior to animation, motion designers use design tools such as Adobe Photoshop for rasterized graphics, and Adobe Illustrator for vector art. Photoshop can also be used for cel animation. Motion by Apple Inc., now a part of Final Cut Studio, is another tool for motion graphics.

Types of motion graphics

Motion graphic design is often used in the film industry. Openings to movies, television shows, and news programs often use photography, typography and motion graphics to create visually appealing imagery. Motion graphic design has also achieved widespread use in content marketing and advertising. In 2018, Cisco projected that 82% of all web traffic would be video by 2022. Marketers and advertisers have focused much of their efforts on the production of high-quality branded video and motion graphic content. In addition to its myriad of uses in advertising, marketing, and branding, motion graphics are used in software, UI design, video game development, and other fields. Although motion design and animation share many commonalities, the difference between them lies in the fact that animation as a specific art form focuses more on cinematic effects and storytelling techniques to craft a narrative, whereas motion design is typically associated with setting abstract objects, text and other graphic design elements in motion. Bringing a graph, infographic or web design to life using movement is broadly speaking "animation", but more specifically, it's a type of animation that's called motion graphics. Motion graphics take a variety of forms. While some are entirely animated, others incorporate live-action video and/or photography. The latter may include animation overlay, such as data visualizations, icons, illustrations, and explanatory text used to complement and enhance audiences' understanding of the content. In content marketing contexts, there are three primary types of motion graphics which marketers choose to use depending on the goals they wish to achieve with the motion graphic. Explainer motion graphics seek to elucidate a product, process, or concept. Emotive motion graphics, meanwhile, aim to inspire a particular emotional response in audiences. And finally, promotional motion graphics are used to raise awareness about a service, product, or initiative. Because so many motion graphics are designed with particular goals in mind, it is often essential to partner with a designer or organization specializing in visual communication design to achieve a final product that conveys information in both an accurate and compelling way.

UX and motion design

UX, also known as user experience, works hand in hand with motion design. For example, when designing a phone app, motion design is used to improve user experience. Motion design improves the user experience tremendously and effectively by adding animations to any screen. Motion design is not only used in phone apps; it is used in computers, tablets, smartphones, televisions, and lots more. UX designers use motion design to create their prototyping, and experience with it to determine whether it is easy to use for an average person, or if it needs enhancing.

Jobs and salaries There are a variety of career opportunities for motion designers, including animation, art direction, design, concept art, compositing, creative direction, editing, illustration, producing, and storyboarding. Some motion designers take on a range of these responsibilities, while others prefer to specialize. Motion designers can work on a range of projects, including advertisements, branding/identity, video games, UX / UI, AR / VR and film. In the United States, the average motion designer income was US$87,900 per year in 2019.

Motion design skills Skills in typography are critical to motion designers, as videos, cartoons and advertisements often include text. A good motion designer knows how to use type styles, sizes, and timing to use text to attract audiences. Knowledge of color theory is also very important for motion designers. They must have a good understanding of the color circle, complementary colors, and color saturations. The use of color is extremely helpful in communicating moods, effects and emotions. Motion designers must also have software experience. Some of the software includes Adobe Photoshop, Adobe Illustrator, Adobe After Effects, Adobe Premiere Pro and Adobe Substance. Other important motion-design skills are attention to detail; and good timing sense, for things such as matching video to audio.

… excerpt ends here. Continue reading the full article.

Illustrations

Motion graphic design: A photo of After Effects being used in a motion graphics project
A photo of After Effects being used in a motion graphics project
Motion graphic design: User experience designer sketching out new design for a phone app
User experience designer sketching out new design for a phone app

Worked examples

Example 1 — a first encounter with Motion graphic design

Start with the simplest possible case. Write down what Motion graphic design claims or describes in one sentence, then invent the smallest concrete situation in which that sentence is true. In science, the smallest case is usually a single object, a single equation or a single measurement. Check that every symbol or term in your sentence has a meaning in that case.

Example 2 — changing one variable

Take the situation from Example 1 and change exactly one quantity: double it, halve it, or set it to zero. Predict what should happen to Motion graphic design before you calculate. Comparing your prediction with the result is the fastest way to find out whether you understand the idea or only the words.

Example 3 — an exam-style question

Typical questions about Motion graphic design ask you to (a) state it precisely, (b) apply it to given data, and (c) explain a limitation. Practise writing all three answers in under five minutes; the third part is what separates a full-mark answer from an average one.

Applications of Motion graphic design

In research
Motion graphic design appears in science research whenever the underlying quantities have to be modelled precisely. Papers usually cite it as a starting assumption and then explore where it breaks down.
In technology and industry
Engineering practice reuses Motion graphic design in design rules, simulations and safety margins. Knowing the idea lets you read a specification sheet and understand why the numbers look the way they do.
In the classroom
Motion graphic design is common in secondary-school and first-year university syllabi. It links to neighbouring topics Design, Graphic design, Graphics, so understanding it makes those chapters shorter.
In everyday life
Look for Motion graphic design outside the textbook — in sport, cooking, traffic, electronics or the sky above you. An example you found yourself is remembered far longer than one you were given.
Ask Teacher Smith questions about this articleOpens your AI tutor with a question about “Motion graphic design” →

Affiliate

Preply — study more efficiently by working with a personal tutor. 50% off.

How to study Motion graphic design in 20 minutes

  1. Read the reference excerpt below once, without taking notes.
  2. Close the page and write down what Motion graphic design means in your own words.
  3. Compare your version with the excerpt and mark what you missed.
  4. Work through the three examples above with pen and paper.
  5. Explain Motion graphic design out loud to somebody else — or to Teacher Smith in the lgStudy chat.

Frequently asked questions

What is Motion graphic design in simple terms?

Motion graphic design, also known as motion design, is a subset of graphic design which combines design with motion graphics and video production. Examples include kinetic typography and graphics used in film and television opening sequences, and station identification logos of some television chan…

Why does Motion graphic design matter?

Because it connects several science ideas at once: it gives you a definition you can apply, a quantity you can calculate, and a way to check whether a result is plausible.

How should I study Motion graphic design?

Read the excerpt, restate it from memory, then work through the examples and applications listed on this page. The five-step study plan above takes about twenty minutes.

What does this page cover?

It gives you a compact reference excerpt plus original lgStudy explanations, examples, applications and study material on Motion graphic design.

Tags

  • Design
  • Graphic design
  • Graphics
  • Multimedia

Keep exploring