Learn how to manage the motion of numerous objects using the timeline.
- [Teacher] In the previous exercise,…I explained that you can have multiple…objects moving around inside a screen…using state transitions,…and I thought I'd show you how all that works.…So what I've got here is a screen with a button on it,…and the plan is when I click on this button,…these four icons will come popping out,…and when I click on it again,…they're going to go back behind the button.…So the first thing I want to do…is just get these things all lined up.…So I'm going to align them horizontally…and align them vertically so that they're all together,…and I'm just going to slide them in behind the button.…
And that is the starting state, okay?…So this is the start state.…So I'm going to add a new screen state,…and what I want to happen now is…the buttons to pop out.…So I want the button to not move,…so I'm just going to lock it in place,…and then I'm going to select each of the icons…and just move it into position.…And the final one is right there.…So they're all lined up and ready to go.…That's my state.…
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
Skill Level Intermediate
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Sketch: Creating Vector Graphicswith John-Paul Ballard1h 30m Intermediate
1. Getting Started with Proto.io
2. Working with Screens
3. Using Components
4. Creating Artwork from Proto.io
5. Creating and Using Containers in Proto.io
6. Creating Animation in Proto.io
7. Publishing Your Prototype
Next steps1m 22s
- 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.