Skip to main content
Apply

Recommended

Curated 8-week schedule covering the highest impact lessons for interface design. Six lessons per week, plus bonus content for deeper exploration.

Prerequisites

Welcome02:45
How Everything Works04:25
Pro-Designer Mindset04:29
UX vs. UI06:00
Design Process Overview16:55
Quick Keys Fast Workflow03:35

Week 1

The Box Model24:50
Font Size16:44
Color Picking Methods23:17
Contrast & Accessibility26:57
Font Weight17:29
Design Direction27:32
Bonus: Typography Overview--:--

Week 2

Implicit Grid23:41
Structural vs. Interactive34:53
Layout Connectors19:00
Borders & Dividers31:15
High & Low Density28:18
First, Second, Third21:46
Bonus: Text Style Definitions27:53

Week 3

Strategic Definitions16:58
Titles & Body31:32
Hierarchy25:42
Button Styles23:04
Interactive Text25:20
Alignment12:40
Bonus: Scale, Weight, & Hierarchy22:07

Week 4

Combining Text and Elements22:59
Amount & Modification23:37
Grids & Containers28:34
Affordance19:25
Nifty Shades of Grey14:13
Interactive Layouts26:22
Bonus: Marketing Site Style21:41

Week 5

Using Icons25:20
Subtlety is Key19:59
Corner Radius36:34
Gradients31:49
Negative Space21:54
Secrets of Dark UI14:38
Bonus: Deconstructing Styles73:08

Week 6

No-stress Experiments18:21
Introduction to Elements01:34
Navigation23:42
Lists & Cards15:49
Detail Screens12:51
Opacity & Blur24:18
White & Almost White25:20
Bonus: Tables27:14

Week 7

Creating Icons24:01
Dynamic Images19:30
User Input12:52
Forms33:52
Profile18:38
Settings16:52
Bonus: Simple Illustrations29:32

Week 8

Low-Fidelity Designs16:40
Mobile-First Responsive38:39
Design Doc Organization22:28
Leading Design Reviews20:07
Prototyping01:11
Developer Handoff17:22
Bonus: Design Systems41:29

Supplemental Lessons

Choosing Design Software05:59
Using Reference Material24:57
Organizing Design Projects08:19
Figma Organization--:--
Callouts36:21
Truncation17:52
Start With System Fonts28:04
Using Alternate Fonts22:23
Details of UI Typography from Apple30:33
Optics vs. Math24:49
Depth, Lighting and Shadow27:30
Form vs. Function21:53
Imagery Overview11:46
Static Images21:48
To Rasterize or Not12:38
Blend Modes18:23
Photo Manipulation26:46
Resourceful Assets17:42
App Icons12:45
Sorting & Filtering18:58
Modals13:58
iOS Design23:42
Material Design09:50
Pricing & Getting Work24:39
Bonus: Figma Variants16:43

More