Page Transitions for App Designs | UX Prototyping Tutorial
Watch part 1 here: https://www.youtube.com/watch?v=dv8CuerV_Bw
New to Origami? Learn the basics here: https://www.youtube.com/watch?v=rPpjk9PbkCE
In this video I go over how to add page transitions to your application designs. Origami Studios is a software that you can use to create mobile, web and tablet prototypes. I use Origami to create interactive prototypes for user testing and for creating animation documentation. I show you how to import designs and add page transitions for an application design.
In this lesson I go over how to add transitions to your prototype. I show you how to bring in an application design from Sketch into Origami, import the UI and add logic to make the pages appear when the user is in the correct navigation tab. I also show you how to animate the header text.
I show you:
- 2:01 How to add logic for page transitions
- 3:52 How to add text transitions
- 4:02 How to use Option Switch and Option Picker patches
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise
New to Origami? Learn the basics here: https://www.youtube.com/watch?v=rPpjk9PbkCE
In this video I go over how to add page transitions to your application designs. Origami Studios is a software that you can use to create mobile, web and tablet prototypes. I use Origami to create interactive prototypes for user testing and for creating animation documentation. I show you how to import designs and add page transitions for an application design.
In this lesson I go over how to add transitions to your prototype. I show you how to bring in an application design from Sketch into Origami, import the UI and add logic to make the pages appear when the user is in the correct navigation tab. I also show you how to animate the header text.
I show you:
- 2:01 How to add logic for page transitions
- 3:52 How to add text transitions
- 4:02 How to use Option Switch and Option Picker patches
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise