Motion Graphics and Basic Animation Principles
Why Motion Helps Design
Motion is communication
Animation can reveal structure, show cause and effect, and guide attention more effectively than static imagery alone. In design, motion should clarify rather than distract.
Motion principle
If motion does not explain, orient, or delight in a useful way, it is probably unnecessary.
Core animation ideas
Motion concepts
Where motion is useful
| Use case | Purpose |
|---|---|
| Loading indicators | Reduce uncertainty |
| Microinteractions | Confirm user actions |
| Transitions | Help people understand changes in state |
| Explainers | Visualize steps or relationships |
What is easing in animation?
Easing shapes the acceleration and deceleration of movement.
Correct answer: The way motion speeds up or slows down
What is one main design purpose of motion in a UI?
Motion can confirm that the system received a user action.
Correct answer: feedback
Which motion behavior is most likely to hurt usability?
Motion should support understanding, not overpower the information.
Correct answer: A distracting animation that competes with content