Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Using Sketch to Design Wireframes for Websites and Apps
Using Sketch to Design Wireframes for Websites and Apps
What You Will Learn in This Course
Materials You Will Need
Get to know your teacher, Maia Cheslow Baff
Module 1: What is a Wireframe, What is Sketch and Why Should You Use It?
What is a Wireframe, What is Sketch & Why Should You Use It? (9:14)
Module 2: Understanding the Sketch Interface & Layout
The Sketch Interface (1:34)
Anatomy of a Sketch Document (1:45)
Working with Artboards (3:56)
Module 3: Design Basics
Where to Begin (3:41)
Starting our Wireframe (5:32)
Adding Text Styles (10:16)
Masking (3:15)
Combing Shapes (2:36)
Module 4: Creating Symbols and Styles
What is a Symbol? (4:32)
Symbol Overrides (4:50)
Symbol Organization (1:09)
Module 5: Blowing Out Your Wireframe
Making a Mobile Wireframe (20:36)
Making a More Detailed Wireframe (16:44)
Adding Design Details to your Wireframe (12:04)
Module 6: The Craft Plug-in & InVision App
What are Plug-Ins and Where Do You Get Them? (1:32)
Data: Insert Content from a Live Website (9:47)
Data: Add Placeholder Content and Duplicate Elements (3:26)
Library: Generate an Automatic Style Guide (6:21)
Sync: Sync to InVision (6:41)
Further Help
Done For You Services
BONUS: Some Features We Didn't Get To
Shared Styles (3:42)
Exporting Your Files (3:40)
Group Resizing (3:51)
FEEDBACK
Help us improve!
Shared Styles
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock