Curriculum

Professional interface design training through proven frameworks. 85 lessons covering typography, layout, color, style, imagery, and interaction design. Built for working designers ready to move beyond guessing.

Start

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--:--

Typography

Font Size16:44

Font Weight17:29

Hierarchy25:42

Titles & Body31:32

Callouts36:21

Truncation17:52

Text Style Definitions27:53

Interactive Text25:20

Combining Text and Elements22:59

Start With System Fonts28:04

Using Alternate Fonts22:23

Typography Overview--:--

Details of UI Typography from Apple30:33

Layout

The Box Model24:50

Grids & Containers28:34

Implicit Grid23:41

Negative Space21:54

Alignment12:40

Optics vs. Math24:49

High & Low Density28:18

Scale, Weight, & Hierarchy22:07

Affordance19:25

Interactive Layouts26:22

Layout Connectors19:00

Color

Color Picking Methods23:17

Contrast & Accessibility26:57

Structural vs. Interactive34:53

First, Second, Third21:46

Strategic Definitions16:58

Amount & Modification23:37

Gradients31:49

Nifty Shades of Grey14:13

White & Almost White25:20

Secrets of Dark UI14:38

Style

Design Direction27:32

Subtlety is Key19:59

Corner Radius36:34

Borders & Dividers31:15

Depth, Lighting and Shadow27:30

Opacity & Blur24:18

Deconstructing Styles73:08

Button Styles23:04

Marketing Site Style21:41

Form vs. Function21:53

Imagery

Imagery Overview11:46

Static Images21:48

To Rasterize or Not12:38

Dynamic Images19:30

Blend Modes18:23

Photo Manipulation26:46

Resourceful Assets17:42

Creating Icons24:01

Using Icons25:20

Simple Illustrations29:32

App Icons12:45

Elements

Introduction to Elements01:34

Navigation23:42

User Input12:52

Forms33:52

Profile18:38

Settings16:52

Lists & Cards15:49

Detail Screens12:51

Sorting & Filtering18:58

Modals13:58

Tables27:14

Design Systems41:29

Tactics

No-stress Experiments18:21

Low-Fidelity Designs16:40

Mobile-First Responsive38:39

iOS Design23:42

Material Design09:50

Design Doc Organization22:28

Leading Design Reviews20:07

Prototyping01:11

Developer Handoff17:22

Pricing & Getting Work24:39

Bonus: Figma Variants16:43

Figma 101

Get comfortable with Figma03:54

Creating and managing files03:13

Frames and groups04:44

Manipulating text05:17

Creating and using shapes06:55

Importing and using images04:51

Getting around the interface06:23

Using auto layout05:06

Creating components08:06

Superpowers with plugins03:57

Prototyping and motion04:48

Collaborating and sharing04:51

Every lesson follows a proven framework. Why the principle matters, What it looks like in real client work, and How to apply it to your projects. Each lesson includes a design exercise to strengthen these fundamentals.

Access the full Shift Nudge curriculum, over 1,000+ critique videos, and join regular live training calls. Apply for mentorship and real-time design feedback.