This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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
Example of differences between page, scroll and drag
Lesson content locked
If you're already enrolled,
you'll need to login
.
Purchase to Unlock