Join Diane Cronenwett for an in-depth discussion in this video Prototyping with InVision, part of UX Foundations: Multidevice Design.
- [Narrator] For mobile devices and watch,…you can prototype these experiences…in a lightweight format using InVision.…We're first going to select all of our mobile and…watch art ports from sketch and export them…at 2X size, also known as retina display,…and put them in a folder called mock ups.…In the bottom right hand corner of sketch,…you can see an export area of the inspector,…and a settings icon next to that plus sign.…Select that settings icon, and select the IOS option.…
You'll see some options for export sizes and…we'll just click off 1X, and 3X, and export at the 2X state.…This will give us a file name with 2X.…By default InVision displays the images at 50% resolution,…so we want to make sure we have…our images at the highest resolution that InVision supports…to give us the best display.…When you open InVision, you can create a new…prototype using the plus sign on the top right,…and on this screen you'll see on the far left…the option to create a new prototype.…
Let's click on create a new prototype, and you…
- Principles for multidevice design
- Responsive design in action
- Designing for multiple devices using native paradigms
- Designing mobile or tablet interfaces
- Designing for a watch, a TV, or for voice
- Creating an information architecture diagram
- Using Sketch to design your mobile experience
- Prototyping with InVision
- Exploring Bootstrap and Foundation
Skill Level Beginner
1. Overview of Multidevice Strategies
2. Multidevice Design Considerations
3. Planning a Multidevice Experience
4. Designing Your Mobile Experience in Sketch
5. Designing for Additional Devices in Sketch
6. Frameworks and Guidelines
- 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.