"Building Motion for the Web: Practical Strategies for Designers and Developers"
summary
Classifies web motion into four zones — functional, systematic, setpiece, narrative — and five complexity tiers (native → frameworks → specialist like ThreeJS D3 MatterJS), claims augmentative tiers 1–3 cost ≤25% of combined design+dev time while integral tiers demand much more, recommends deliverables: descriptor triples (eg soft bouncy joyful), a motion inventory, storyboards and code prototypes, and a collaboration pattern called iterative motion jams that produces integrated code quickly and gets client feedback during normal QA.
AI-written summary · about
chapters (12)
- 0:00Motion on the web
- 1:03Why motion matters
- 3:32Motion as expressive medium
- 5:16Four quadrants of motion
- 8:25Motion complexity tiers
- 15:49Planning motion time
- 16:52Collaboration in motion design
- 18:17Descriptor pairing for consistency
- 19:41Motion inventories and storyboards
- 21:27Iterative motion jams
- 23:13Three C's in practice
- 24:18Q&A
