English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 34 Lessons (7h 6m) | 1.55 GB
Welcome to The Ultimate UI Grids & Layouts Masterclass, where you’ll learn the principles and techniques to elevate your design skills and create impeccable UI grids and layouts, and as a result, UI designs.
This comprehensive, self-paced video course covers everything you need to know about UI grids and layouts. Designed for both beginners and experienced designers, our masterclass includes in-depth tutorials, practical exercises, and cheat sheets to reinforce your learning.
Our masterclass isn’t just about theory; it’s about transforming your skills and confidence as a UI designer.
Table of Contents
1 Welcome
2 Course Overview
3 Set Yourself Up for Success
4 Grids & Layouts 101
5 Historical Overview of Grids and Layouts
6 Grids and Layouts Dictionary
7 Everything is a “Box”
8 Types of Grids
9 Types of Layouts
10 Basics of Grids in Figma (Demo)
11 Auto-layout Basics (Demo)
12 Psychology Behind a Great Layout
13 Visual Hierarchy
14 How to Achieve Visual Hierarchy
15 Alignment
16 Whitespace
17 Composition
18 Visual Storytelling
19 Responsive Design 101
20 Screens and Units
21 Mobile-first Approach
22 How to Design Responsively
23 Auto-layout Mastery (Demo) Part 1
24 Auto-layout Mastery (Demo) Part 2
25 Auto-layout Mastery (Demo) Part 3
26 Auto-layout Mastery (Demo) Part 4
27 Auto-layout Mastery (Demo) Part 5
28 Practical Mobile App Grids (Demo)
29 Practical Web App Grids (Demo)
30 Practical Responsive Website Grids (Demo) Part 1
31 Practical Responsive Website Grids (Demo) Part 2
32 Practical Iconography Grids (Demo)
33 Main Takeaways
34 Congratulations
Resolve the captcha to access the links!