1

Bring Your Design Into Principle

6:57FreeDone

Auto and Gesture-Based Transitions

7:44FreeDone
3

Building Reusable Components

3:40FreeDone
4

Drivers and Scrolling

6:04FreeDone
5

Get Your Prototype Out There

4:14FreeDone

Auto and Gesture-Based Transitions

Published by Chris Slowik

Episode Notes

Extra tips from the author

Auto-Transitions

Animations can be triggered automatically with no user input. We'll use that to build our splash/loading screen. Auto transitions are also useful later in this episode when we use them to advance through intermediate states of a more complex transition. There are a lot of tricks you can accomplish through the use of auto transitions.

Gestures

Transitions can also be activated through gestures. Any layer or artboard can have a gesture attached to it, from touches and hovers, to drag and scroll. Using the tap gesture, we can set up a transition to open the Menu screen.

Multi-Step Interactions

Our menu opening transition is pretty tricky - multiple things animating and changing. We can simplify the process of animating this, as well as keep our start and end artboards fairly clean, through the use of auto-transitions. When creating a complex transition, it's a great idea to break it up into at least 2 parts, a start and an end.

Episode Topics: