UI Animation, Motion Design & Micro Interaction Basics

An overview of UI animation for beginners! Please take a moment to fill out the UI/Motion Design Survey for Course dropping later this year, Id really appreciate it!!! Survey: jpdesignacademy@ _______________ 1:28 Motion benefits 3:59 Types of Motion 6:56 Functional Motion 7:32 Structural Motion 9:06 Emotional Motion 9:53 Interaction Design Anatomy 10:50 Timing Basics 12:24 Staggered Timing 12:46 Common Easing Curves 13:56 Easing Visualization 16:06 Linear Easing 16:31 Ease In, Ease Out, Ease Both 18:14 Elastic (Spring) Easing 19:13 Good vs Bad Easing 19:48 Creating Depth with Motion 19:56 Depth with Relative Scale 20:50 Parallax Motion 23:44 Interactive Design Systems 25:21 Interactive Prototyping Tools 27:50 Made in Principle 28:25 Made in Studio 29:40 New Navigation Constructs 30:40 Data Visualization 31:25 When Digital gets Physical 32:00 Cool
Back to Top