Learn about the various panels found in the Proto.io interface.
- [Narrator] The Proto.io interface, known as the editor,…is actually quite easy to work with.…The first thing you may notice is that the screen,…this white area here, is not exactly visible…against that gray background. Let's fix that.…So what you're going to do is you're going to come up here…to the hamburger menu, up here on the upper left.…Now this menu is quite useful, in that it makes…a number of user and document resources available to you.…The one we want is right here, Project Settings.…This controls how all of the screens…in the project will appear.…Click the color chip to open the color picker,…and select black.…
Click save, and then click save on the Project Settings.…And you can see that your canvas is now black.…And the canvas is where everything gets placed.…Over on the right here are the UI Libraries.…This area contains a series of components, icons,…and interface elements that can be used…for rapid prototyping.…Also, the components right here contain a number…of common interface elements for a variety of devices.…
- 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.