Create a slide in menu using the Proto.io slide in menu design pattern.
- [Instructor] This is your final challenge,…and I think you're going to find this one,…well, to be a bit challenging…because what you're going to be asked to do in this…is to create a Slide-in menu…using the Slide-in menu pattern found in Proto.…So here are your requirements to meet this challenge.…You're going to be creating this for an iPhone 6s plus.…You are going to add a status bar and a nav bar.…You are going to import the splash image,…which is the image you see on the left.…And you're going to import the menu image,…the image you see on the right,…and both of them are in your Download folder.…
And you're going to create a sliding menu…using the Slide-in menu in the Patterns panel.…Now, remember, this uses containers…and it uses animation, so it pulls together…everything you've learned in the previous chapter…and this chapter, as well.…So good luck.…Have some fun.…I think you will find the patterns to be really useful…once you understand how to use the bits and pieces in them.…
- 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?
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.