Learn how to use Sketch and InVision to design user interfaces for mobile apps and create more engaging and interactive prototypes.
- [Diane] Design starts with an idea and is refined by iteration and prototyping before it starts to shape into a usable and delightful product. Having a good design workflow can help streamline your process so you can validate your ideas faster. My name is Diane Cronenwett, I've been working in the trenches of product development as a professional user experience designer in both corporate and startup settings for 10 years. I wanna share with you a workflow for using Sketch and InVision when designing for mobile.
Author
Diane Cronenwett
Released
9/14/2016- Integrating InVision and plugins with Sketch
- Using symbols
- Setting up a grid and layouts
- Adding tabs
- Creating prototypes with InVision
- Exporting assets for iOS and Android development
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome27s
-
Exercise files36s
-
-
1. Set Up
-
A look around Sketch2m 55s
-
Artboard setup1m 52s
-
-
2. Design the Layout
-
Color palette3m 6s
-
Symbols9m 35s
-
Set up a grid and layout4m 45s
-
Home screen layout8m 38s
-
Overview screen layout12m 5s
-
Sights and detail page12m 20s
-
-
3. Add Color and Detail
-
Table layouts for tabs17m 23s
-
Exporting screens and assets2m 14s
-
-
Conclusion
-
Next steps20s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: Welcome