Create an onboarding sequence using Multistate Elements and animated transitions.
- [Narrator] In this exercise, we're going to…create a rather common design pattern,…which would be an onboarding experience.…You know these experiences, they're the four little screens…or so that people swipe through just to sort of…get an idea of how things work.…And in this instance, what we're going to do is…do a little onboarding screen…for our favorite campsite, Rabbit Blanket Lake.…So to get yourselves started,…head over to your dashboard,…open up a new document, or a new project,…and when the editor opens, set it to the…Android phone portrait which is 360 by 640.…
Now we're going to have to add a little…Android-ness to this project,…so we're going to go over to the libraries,…and we're going to look for Android lollipop,…and if you scroll down to the bottom here,…you'll see that there is a status bar,…and there's a black status bar.…That's exactly what I'm looking for.…One click, and we'll just drop it on the canvas.…And make sure that the position is zero, zero.…So the x and y position is zero.…
So it's nestled right up there at the top.…
- Importing artboards from Photoshop and Sketch
- Adding interactivity
- Adding animations
- Designing responsive sites
- Sharing prototypes with stakeholders
- Creating image carousels
- Create slide-in menus
Skill Level Intermediate
1. The UXPin Interface
2. Build an iOS Project
3. Import Photoshop and Sketch Files
4. Adding Interactivity and Animation
5. Building Components
6. Sharing and Collaboration
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.