UI Learn Full Access Design Course
Buy now
Learn more
Before you start!
🚨 Important notice!
Getting Started
Welcome to the course!
UX vs UI
UX Doesn't just happen
Project Organization
Intro to the design process
Developing an Eye for Design
Choosing your weapon
Research
Talking to users
Typography
Font Sizes
Text Hierarchy
Text and Elements
System Fonts
Setting up a Type System in Sketch
Colors
Color Picking Methods
The Importance of Gray
Primary and Secondary Colors
Color Modifications
Working with Gradients
Dark Interfaces
Fundamentals
Grids
Alignment
Spacing
Mastering Whitespace
Interactive Layouts
Elements
Working with Inspiration
Working with Images
Organization of Layers and Naming
Buttons
The Importance of Dividers
Creating Depth
Making Custom Icons
Layout
Mobile First Approach
IOS vs Android
Navigation Elements
Forms and Fields
List and Card Views
Sorting and Filtering
Tables
LIVE - Design Systems 101
Interactions
Import and Organization
Interactions.prd
Figma Tips and Advanced Workflows
Placeholder Components
Component properties
Grow your skills
Define your purpose and messages to look out for
Resources
Notion Product Design Work Kit
Basic Icon Set
Design System Starter
Free Copy of Master UI Book
Products
Course
Section
Typography
Typography
UI Learn Full Access Design Course
Buy now
Learn more
Before you start!
🚨 Important notice!
Getting Started
Welcome to the course!
UX vs UI
UX Doesn't just happen
Project Organization
Intro to the design process
Developing an Eye for Design
Choosing your weapon
Research
Talking to users
Typography
Font Sizes
Text Hierarchy
Text and Elements
System Fonts
Setting up a Type System in Sketch
Colors
Color Picking Methods
The Importance of Gray
Primary and Secondary Colors
Color Modifications
Working with Gradients
Dark Interfaces
Fundamentals
Grids
Alignment
Spacing
Mastering Whitespace
Interactive Layouts
Elements
Working with Inspiration
Working with Images
Organization of Layers and Naming
Buttons
The Importance of Dividers
Creating Depth
Making Custom Icons
Layout
Mobile First Approach
IOS vs Android
Navigation Elements
Forms and Fields
List and Card Views
Sorting and Filtering
Tables
LIVE - Design Systems 101
Interactions
Import and Organization
Interactions.prd
Figma Tips and Advanced Workflows
Placeholder Components
Component properties
Grow your skills
Define your purpose and messages to look out for
Resources
Notion Product Design Work Kit
Basic Icon Set
Design System Starter
Free Copy of Master UI Book
5 Lessons
Font Sizes
Text Hierarchy
Text and Elements
System Fonts
Setting up a Type System in Sketch