Back to Browse

Android App Interaction Flow | Modal Tutorial

851 views
Jan 28, 2020
5:54

Get started with Origami here: https://www.youtube.com/watch?v=rPpjk9PbkCE Learn my Sketch to Origami UX workflow here: https://www.youtube.com/watch?v=vyaqilW6c00 In this video I show you how to add a modal animation to your Android application design with Origami Studio. I use Origami Studio to create animation assets and then hand them off to development to be incorporated within the digital product. I go over how to add my Sketch designs into Origami Studio, how to make the modal appear when the user taps on a button and how to add an empty state. In this example I show you the deletion flow of an app design, where the user can remove all of their 'trash items' with one tap. When they choose to delete all, a modal appears confirming their selection and then the user lands on an empty state. I show you: 0:15 The current material application design 1:10 How to import my Sketch design into Origami 1:50 How to add a tap interaction patch 2:14 How to change the opacity of the modal and overlay layer 2:33 How to add an animation layer 2:58 How to add a hit layer 3:17 How to turn off the switch patch 3:53 How to add 'delete all' logic 4:49 How to add an empty state 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

Download

0 formats

No download links available.

Android App Interaction Flow | Modal Tutorial | NatokHD