Motion Design for Interfaces
Animation that explains what changed, and gets out of the way
Created by Marcus Bell
What you will learn
- Use duration and easing that feel right rather than arbitrary
- Choreograph multiple elements without visual noise
- Animate transitions between states and routes
- Respect reduced-motion preferences properly
- Keep animation on the compositor so it stays smooth
- Hand motion specs to engineers unambiguously
Course content
11 sections · 48 lectures · 7h total length
- What this course covers, and what it does notPreview03:00
- How to get the most out of itPreview04:00
- Setting up and downloading the exercise files06:00
- What motion is forPreview10:00
- What motion is for in detail14:00
- A closer look at what motion is for06:00
- Worked example: what motion is for10:00
- Where what motion is for goes wrong03:00
Topics covered
Requirements
- Basic UI design experience
- Figma or a similar tool
Description
Interface motion has one job: make a change comprehensible. This free course covers timing, easing and choreography, plus the accessibility and performance constraints that decide whether an animation ships.
Your instructor
Brand designer and illustrator
Marcus runs a two-person studio and has designed identities for everything from a cider brewery to a hospital trust. His teaching is heavy on process and light on trend.
Learner reviews
- 5 star55%
- 4 star33%
- 3 star7%
- 2 star3%
- 1 star2%
- JEJonas E.4 November 2025
The instructor answers questions properly rather than pointing you at the documentation.
- QSQuentin S.6 June 2025
Excellent. The examples are realistic rather than the usual toy versions.
- NWNiall W.27 September 2025
Exactly what I needed. It assumes you are an adult and does not over-explain.
- WPWei P.1 December 2025
Clear explanations without the usual filler. I watched most of it at 1.25x and still followed everything.
- SESam E.3 July 2025
Worth it for the section on common mistakes alone — I recognised two things I have been doing wrong for years.
- SDSam D.1 November 2025
Excellent. The examples are realistic rather than the usual toy versions.
- DWDmitri W.5 January 2026
Genuinely well structured. I have started three courses on this topic and this is the first one I finished.
- ZLZoe L.31 August 2025
Clear explanations without the usual filler. I watched most of it at 1.25x and still followed everything.
- RKRosa K.27 October 2025
Worth it for the section on common mistakes alone — I recognised two things I have been doing wrong for years.
Showing 9 of 918 reviews.
Learners also looked at
More from Design and beyond.
Modern JavaScript From the Ground Up
Amara Osei
