Interactive Buttons | UX Prototyping Tutorial
6.5K views · 2019-05-06
Interaction & UX
In this video I go over how to create interactive buttons in Origami Studio. Origami Studio 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 get started by creating a button and adding interactivity.
In this lesson I go over how to change the color of a button when it is tapped and how to make layers disappear and appear.
I show you:
- 1:02 How to add a rectangle
- 1:27 How to add a text layer
- 1:58 How to create a button group
- 2:14 Add a tap interaction
- 2:58 How to add a transition patch
- 3:06 How to add a color transition
- 4:09 How to add a switch patch
- 5:07 How to add an animation patch
- 6:13 How to make layer disappear
- 7:14 How to make an icon appear
- 8:53 How to add a wait patch
Get Started with Origami here: https://www.youtube.com/watch?v=rPpjk9PbkCE
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise
In this lesson I go over how to change the color of a button when it is tapped and how to make layers disappear and appear.
I show you:
- 1:02 How to add a rectangle
- 1:27 How to add a text layer
- 1:58 How to create a button group
- 2:14 Add a tap interaction
- 2:58 How to add a transition patch
- 3:06 How to add a color transition
- 4:09 How to add a switch patch
- 5:07 How to add an animation patch
- 6:13 How to make layer disappear
- 7:14 How to make an icon appear
- 8:53 How to add a wait patch
Get Started with Origami here: https://www.youtube.com/watch?v=rPpjk9PbkCE
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise