In this video, learn how to create a tabbed interface and apply a single ease to multiple timeline items.
- [Instructor] In this exercise, … we're going to apply interactivity … to a tabbed interface. … Now tabs are one of the more widely used components … of mobile UIs. … They allow users to quickly move … between a small number of equally important views. … So let's get started. … And to get yourself started, … open the tabs file found in your chapter download. … When it opens, you'll see that we have art boards … and they're named one, two and three, … because I'm not terribly original with this one. … But if we move between the art boards, … you'll notice that the picture changes, … the indicator bar moves over … and the picture or the site location lights up. … And what we're going to do … is we're going to say, look, … if I tap on Louvre, we're going to come over here, … but if I tap on Notre Dame, I'm going to come back here. … And the bar is going to move. … So we're going to open up the first art board, … open up the tab bar, … and we're going to select Louvre … and we're going to add a tap event …
- 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.