▶
📚 What you'll learn
✓Design principles — contrast, hierarchy, alignment
✓Color theory & typography mastery
✓Figma — components, auto layout, variants
✓User research & empathy mapping
✓Wireframing — low to high fidelity
✓Prototyping & usability testing
✓WCAG accessibility standards
✓Portfolio-ready projects for jobs
Course Curriculum
01Design Fundamentals
▾
🎬
What is UI vs UX Design?18:00
FREE
🎬
Design Principles — Contrast, Hierarchy, Alignment, Proximity28:00
FREE
🎬
Color Theory — Palettes, Psychology & Accessibility30:00
🎬
Typography — Choosing & Pairing Fonts25:00
🎬
Spacing, Grids & 8px Systems22:00
📝
Design Fundamentals Quiz10:00
02Figma — From Beginner to Pro
▾
🎬
Figma Interface & Basic Tools25:00
FREE
🎬
Components — Create, Variants & Instances32:00
🎬
Auto Layout — Responsive Design in Figma30:00
🎬
Design Systems — Styles, Tokens & Libraries28:00
🎬
Prototyping — Interactions & Animations25:00
🎬
Figma Plugins & Productivity Tips20:00
🛠️
Project 1 — Mobile App UI in Figma60:00
03UX Research & Process
▾
🎬
User Research — Interviews, Surveys & Empathy Maps28:00
🎬
Information Architecture & User Flows25:00
🎬
Wireframing — Low to High Fidelity28:00
🎬
Usability Testing — 5 User Rule20:00
📝
UX Process Quiz10:00
04UI Design Patterns & Accessibility
▾
🎬
Common UI Patterns — Navigation, Cards, Modals, Forms30:00
🎬
Mobile Design — iOS & Android Guidelines25:00
🎬
Accessibility — Designing for Everyone22:00
🎬
Dark Mode Design Best Practices20:00
05Final Project & Portfolio
▾
🎬
Case Study — How to Present Your Design Work20:00
🛠️
Project 2 — Website Redesign Case Study90:00
🛠️
FINAL — Complete App Design + Prototype120:00
🎬
Getting Design Jobs & Freelance Clients20:00