Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Grids & Composition for Digital Designers
Introduction
About your instructor (2:01)
Grids
Introduction to Grids (1:00)
The importance of structure (1:15)
Benefits of using grids (1:28)
Anatomy of a grid (3:15)
Setting up multi-column grids (5:24)
Setting up modular grids (3:45)
How to decide what type of grid to use (2:15)
The 6 alignments & their combinations (1:19)
The 3 structures for UI elements (2:55)
Applying alignments and structures in Sketch (9:54)
Principles of grid usage (12:32)
Designing with the Golden Canon Grid - Part I (23:15)
Designing with the Golden Canon Grid - Part II (27:52)
Designing with the Golden Canon Grid - Part III (12:00)
Designing with a multi-column grid - Part I (25:00)
Designing with a multi-column grid - Part II (29:38)
Designing with a multi-column grid - Part III (36:36)
Common myths (1:45)
Composition
Using text & images (3:04)
Using shapes (1:48)
Using color (3:18)
Using white space (4:31)
The Nº1 law of composition (6:32)
Natural design (12:35)
Visual balance (26:10)
Visual direction (9:17)
Visual rhythm (8:33)
Gestalt laws of perception (30:30)
Optical adjustments with shapes & typography (3:59)
7 tips to compose landing pages (11:32)
6 tips to compose web apps (9:37)
10 tips to compose navigations (14:13)
3 spacing methods to compose UI elements (10:24)
Dealing with images (7:03)
Responsive design (27:23)
Resources
Books, design inspiration & file downloads
The 6 alignments & their combinations
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock