Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Designer's Guide to Motion in App Design
Welcome!
Foreword
Motion in Product Design
Motion's Place in Product Design
Case Study: Evaluating Uber's Motion Design
Case Study: Evaluating Twitter's Motion Design
Classifying Motion Design by Purpose
Integrating Motion into your Design Process
Design Process with Prototyping
Picking a Prototyping Tool
Principle for Mac
Why Principle?
Getting Started
Importing layers from Sketch and Finder (0:43)
Simple transitions with Artboards (1:23)
Refining animations with curves and delays (0:47)
Scrolling, Paging and Dragging (0:40)
Example of differences between page, scroll and drag (0:54)
Understanding Drivers (0:54)
Exporting what you've made: GIF, MOV and PRD files (1:16)
Resources for Principle
Step by Step Walkthroughs
Simple Transitions: Coffee App (8:29)
Full flows: Onboarding and text input (39:38)
Drivers: Weather App (19:24)
Conclusion
Implementing Motion in Code
Teach online with
Scrolling, Paging and Dragging
Lesson content locked
If you're already enrolled,
you'll need to login
.
Purchase to Unlock