In this video, learn how to use a variety of touch events to rearrange UI elements.
- [Instructor] One of the great advantages … to working with prototyping software such as Principle, … is you get to play what I call what if games. … For example, what if I touch this image right here … and as I keep my finger over the image, … the image pops out of the stack, … and then moves in front of the other images. … Then when I lift my finger, … the image moves right back into its start position, … and this is exactly what we're going to do in this exercise. … We're going to use touch events … to create a rather interesting touch effect. … Though we are going to work with a series of cards, … this technique works with the images … or any other object you may want to bring … to the attention of the user. … The first thing you need to know … is this technique requires three artboards. … But you need to keep in mind … the key here is not the artboards themselves, … but the transition between them. … So let's get started. … And to get yourself started open the touch cards file …
- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Masking and cropping
- Creating an Apple Watch UI
- Creating a video player
Skill Level Intermediate
Prototyping Microinteractions with Adobe Animatewith Joseph Labrecque1h 50m Intermediate
Prototyping Microinteractions with After Effectswith Tom Green3h 33m Intermediate
What is Principle?1m 17s
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.