Animations in Material Design - Significance, Context and Hierarchy
summary
Concrete rules and demos decide value: compares three Floating Action Button animations and explains which violate Material constraints and why, shows parabolic motion with and without shadow, measures timings and recommends 200–300 ms for short and 400–500 ms for medium interactions, demonstrates shared element transitions preserving z‑axis, and walks an After Effects → 60 PNG frames workflow to implement complex morphs. The talk names real pitfalls (ink sliding off paper, inappropriate easing) and shows working Android examples and API ties that either fit or break Material Design.
AI-written summary · about
chapters (7)
- 0:00Start
- 3:02Google's HEART Framework
- 4:54Components of the Mental Model
- 9:53Implications of the Axes
- 14:13What makes it Material?
- 34:51Activity Transitions
- 36:56Shared Elements
related talks
23mUnderstanding Material Design
39mMeaningful motion design and how to implement it
32mAnimations Should Be Fun
38mCommunicating with Animations - Mobile
29mBringing your app to life - Motion Animations everywhere
44mFunctional Animation
50mDesigning with animation
29mFROM 0 TO MATERIAL MOTION: CREATING ANIMATIONS AND TRANSITIONS