Learn how to nest containers into each other.
- [Instructor] Containers are rather flexible…and handy components when it comes to working in proto.…One thing you can do with them is to actually put…Containers inside Containers,…a technique more commonly referred to as nesting.…To see how all of that works,…open the Containers project from the previous exercise…and to do that all you have to do…is just click the Edit button for your Containers project.…And there are the cards.…We're going to go to the screens.…Going to open up Screen 1.…And we're going to double click the Container to open it.…
Now, what we want to do is add some sunsets.…So we're going to right click on this card right here,…the card in the middle.…Right click on it.…And we're going to convert it…to a Container.…Now that we've got that done, we can deselect,…and let's work on the Container itself.…So we're going to come to the Container in the Containers menu,…right click, and work with its properties.…First thing we want to do, is give it a new name…so we'll call it Sunsets.…We're going to put three cards in there…
- 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.