Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Core Design Skills
Introduction
Welcome (1:25)
Assignment: Create your “before” design (3:38)
Module 1: Layout
Lesson: Hierarchy (2:11)
Demo: Hierarchy (6:23)
Intro to Exercises (1:50)
Exercise: Hierarchy
Lesson: Principles of Layout Pt 1 of 3 (8:30)
Lesson: Principles of Layout Pt 2 of 3 (5:49)
Lesson: Principles of Layout Pt 3 of 3 (6:37)
Demo: Layout (23:03)
Quiz: Layout
Layout: Do's and Don'ts
Assignment: Layout (1:47)
Bonus: Hierarchy in Web Design (35:00)
Bonus: Layout in Web Design (49:38)
Module 2: Type
Demo: Typesetting (23:04)
Lesson: Fonts and Typefaces (4:36)
Lesson: Selecting Fonts (8:41)
Lesson: Pairing Fonts (6:30)
Exercise: Typesetting
Exercise: Selecting and Paring Fonts
Quiz: Type Knowledge
Demo: Typographic Layouts & Grids (12:58)
Type: Do's and Don'ts
Assignment: Typographic Layouts (2:18)
Bonus: Type in Web Design (65:22)
Module 3: Color
Lesson: Color Associations (2:51)
Lesson: Color Psychology (5:09)
Demo: Using Color (17:29)
Quiz: Color
Exercise: Using Color
Color: Do's and Don'ts
Assignment: Color (1:03)
Bonus: Colour in Web Design (47:57)
Module 4: Image
Lesson: Photography (13:48)
Demo: Photography (13:59)
Lesson: Illustration (3:11)
Demo: Illustration (10:51)
Lesson: Layers (4:06)
Lesson: Texture (4:16)
Demo: Layers and Texture (29:38)
Exercise: Selecting, editing, and integrating imagery
Image: Do's and Don'ts
Assignment: Image (1:40)
Module 5: Bringing It All Together
Intro to Week 5 (0:45)
Lesson: Visual Harmony (9:19)
Visual Harmony: Do's and Don'ts
Demo: How To Get Started (20:03)
Lesson: Developing Your Taste (3:08)
Exercise: Developing Your Taste
Lesson: Creativity (9:18)
Final Project, Certification & What's Next
Assignment: Final Project (1:47)
What’s Next (1:34)
Bonus Lessons
Figma Tutorial (43:20)
Storytelling in Web Design (23:26)
Visuals in Web Design (47:03)
Design Language in Web Design (21:56)
Assignment: Color
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock