Motion Design
Timing, easing and choreography for interfaces, taught in After Effects and then in code.
- Courses
- 12
- Hours
- 19
- Modules
- 4
Motion is the easiest thing to overdo and the hardest to defend. The path spends its first two courses on restraint, which is why the later work holds up.
Assessed on one interaction, delivered twice: as a timeline file and as working code.
The sequence
Modules unlock in order. You finish one before the next opens, which is the point of a path rather than a playlist.
-
01
What motion is for
Four jobs motion does in an interface, and how to tell decoration from signal.
-
02
Timing and easing
Why 200ms feels instant and 600ms feels broken, with the curves to prove it.
-
03
Choreography
Sequencing several elements so the eye is led rather than scattered.
-
04
From timeline to code
Rebuilding your After Effects piece in CSS, and what has to change.
What you can do afterwards
The assessment checks these directly, against a rubric published before you start.
Before you start Comfortable in any design tool. No code required to start.
- Justify every animation you ship in one sentence.
- Hand a developer a spec they can build without guessing.
- Respect reduced-motion without losing the idea.