Design a User Interface with Sketch

Lesson 1, Step 1: Introduction

Courses Outline

Lesson 1: Introduction
Free
Introduction
0:35
Project Briefs
1:54
Lesson 2: Setting Up
Sketch Overview
11:41
Workspace Setup
16:00
Quiz
Lesson 3: Wireframing
A Mobile-First Approach to Wireframing
1:54
Creating a Mobile Wireframe
34:52
Creating a Tablet Wireframe
18:42
Creating a Desktop Wireframe
18:16
Lesson 4: Style Tiles
Style Tiles Overview
2:14
Creating Typography Styles
15:05
Working with Color Palettes
8:17
Working with Icons
10:26
Creating Buttons and Forms
6:50
Quiz
Lesson 5: UI Design for Mobile
Designing the Header
6:51
Designing the Blog
23:04
Designing the Content Spaces
26:31
Designing the Opt-In Banner
10:37
Designing the Footer
3:22
Quiz
Lesson 6: Designing for Devices
Designing for a Tablet
36:14
Designing for a Desktop
31:32
New Resizing Tools
8:58
Lesson 7: Wrapping Up
Annotating Your Designs for Developers
12:47
Preparing Deliverables
13:00
Next Steps
2:38
Course Conclusion
0:40
Lesson 8: Moving to Sketch 4.0
Vector Tool Updates
3:30
Text Transfer Tool
2:44
Official Sketch Plugins
7:55