Skip to main content

Beast Mode

Intensive 12-week pace for total immersion in interface design training. Six lessons weekly through dedicated daily practice for rapid skill development.

Prerequisites

Welcome02:45
How Everything Works04:25
Pro-Designer Mindset04:29
Choosing Design Software05:59
UX vs. UI06:00
Design Process Overview16:55
Using Reference Material24:57
Quick Keys Fast Workflow03:35
Organizing Design Projects08:19
Figma Organization--:--

Week 1

Font Size16:44
The Box Model24:50
Color Picking Methods23:17
Font Weight17:29
Grids & Containers28:34
Contrast & Accessibility26:57

Week 2

Hierarchy25:42
Implicit Grid23:41
Structural vs. Interactive34:53
Titles & Body31:32
Negative Space21:54
First, Second, Third21:46

Week 3

Design Direction27:32
No-stress Experiments18:21
Corner Radius36:34
Imagery Overview11:46
Static Images21:48
To Rasterize or Not12:38

Week 4

Callouts36:21
Alignment12:40
Strategic Definitions16:58
Truncation17:52
Optics vs. Math24:49
Amount & Modification23:37

Week 5

Text Style Definitions27:53
Scale, Weight, & Hierarchy22:07
Gradients31:49
Interactive Text25:20
Affordance19:25
Nifty Shades of Grey14:13

Week 6

Start With System Fonts28:04
Interactive Layouts26:22
White & Almost White25:20
Using Alternate Fonts22:23
Layout Connectors19:00
Secrets of Dark UI14:38

Week 7

Borders & Dividers31:15
Depth, Lighting and Shadow27:30
Opacity & Blur24:18
Subtlety is Key19:59
Low-Fidelity Designs16:40
Button Styles23:04

Week 8

Dynamic Images19:30
Blend Modes18:23
Marketing Site Style21:41
Form vs. Function21:53
Creating Icons24:01
Using Icons25:20
Simple Illustrations29:32
App Icons12:45

Week 9

Introduction to Elements01:34
Navigation23:42
User Input12:52
Forms33:52
Profile18:38
Settings16:52

Week 10

Lists & Cards15:49
Detail Screens12:51
Sorting & Filtering18:58
Modals13:58
Tables27:14
Design Systems41:29

Week 11

Mobile-First Responsive38:39
iOS Design23:42
Material Design09:50

Week 12

Leading Design Reviews20:07
Prototyping01:11
Developer Handoff17:22

Supplemental Lessons

Combining Text and Elements22:59
Typography Overview--:--
Details of UI Typography from Apple30:33
High & Low Density28:18
Deconstructing Styles73:08
Photo Manipulation26:46
Resourceful Assets17:42
Design Doc Organization22:28
Pricing & Getting Work24:39
Bonus: Figma Variants16:43