How to use screen interactions to adjust to device orientation changes.
- When it comes to developing projects for mobile…such as smart phones or tablets we have no control over…the orientation of the device,…which means that our designs could actually break.…In Proto what you can do is actually create…what is called a fluid design.…So let me show you what I'm talking about here.…So I've got two screens, Screen One and Screen Two,…and what I did with Screen One was basically…I duplicated it, right there,…and changed the orientation.…
So if I duplicate it I can just change it to landscape.…And then with Screen Two I took the interface elements,…and because they are basically responsive,…I stretched them out to fit the orientation…and I took the images and threw them into a container.…Well that's all well and good but we still have…no control over the orientation.…So here's how you do that.…It's in the Interactions,…and I'm just going to show you the Interactions.…
There is an Interaction called On Orientation Change.…So basically I'm saying when the orientation changes…go to a screen.…
- 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.