What you’ll learn
- Create clear visual hierarchy with size, weight, colour and space
- Use a consistent spacing scale so layouts feel balanced
- Choose and pair typefaces and set readable body text
- Build an accessible colour palette with sufficient contrast
- Critique and improve existing screens with a repeatable checklist
Course content
3 sections · 9 lessons · 38 min
Hierarchy and layout3 lessons · 10 min
- What makes a screen easy to scanVideo · 8 min
- Visual hierarchyReading · 1 min
- Spacing systemsReading · 1 min
Typography3 lessons · 13 min
- Choosing typefacesVideo · 11 min
- Readable body textReading · 1 min
- Weight and contrast in typeReading · 1 min
Colour and accessibility3 lessons · 15 min
- Building a palette from one brand colourVideo · 13 min
- Contrast that everyone can readReading · 1 min
- Exercise: redesign a cluttered screenReading · 1 min
Requirements
- No design experience needed
- Any design tool (Figma's free plan works well)
Description
Good interface design isn't about talent; it's a set of learnable principles. This course covers the fundamentals designers use every day: visual hierarchy, spacing systems, typography, colour and accessibility. Each section pairs a principle with before-and-after examples from real products, and ends with a short redesign exercise so you practise on your own work.
Instructor
Product designer · Design systems lead
- 4.6 instructor rating
- 35 reviews
- 96 learners
- 2 courses
I design interfaces and the systems behind them. I've built and maintained design systems used by dozens of product teams. My courses focus on principles you can apply on Monday morning, with plenty of before-and-after examples.
4.5 course rating · 26 reviews
- Vikram Reddy4.0 · Oct 22, 2026
Good course overall. A couple of lessons could go deeper.
- Ananya Costa5.0 · Oct 22, 2026
Practical from the very first lesson.
- Sofia Chen5.0 · Oct 22, 2026
Much better than the free videos I tried before.
- Ethan Murphy5.0 · Oct 22, 2026
Practical from the very first lesson.
- Chloe Brown5.0 · Oct 22, 2026
One of the best short courses I've taken.
- Yusuf Mensah3.0 · Oct 22, 2026
Decent introduction, but I already knew most of it.
- Sam Kapoor5.0 · Oct 22, 2026
Clear explanations and practical examples throughout.
- Meera Tanaka5.0 · Oct 22, 2026
Practical from the very first lesson.
- Fatima Sharma3.0 · Oct 22, 2026
Decent introduction, but I already knew most of it.
- Riya Das4.0 · Oct 22, 2026
Clear and friendly teaching style.
- Leila Banerjee5.0 · Oct 22, 2026
Well structured and easy to follow. Exactly what I needed.
- Rohan Menon5.0 · Oct 22, 2026
Short lessons that fit around work. Finished it in a week.
- Mei Rossi5.0 · Oct 22, 2026
Short lessons that fit around work. Finished it in a week.
- Farhan Walker5.0 · Oct 22, 2026
Practical from the very first lesson.
- Noah Haddad5.0 · Oct 22, 2026
The instructor explains things really clearly.
- Mateo Novak4.0 · Oct 22, 2026
Solid fundamentals, well paced.
- Nisha Pillai5.0 · Oct 22, 2026
Short lessons that fit around work. Finished it in a week.
- Rahul Okeke3.0 · Oct 22, 2026
Good, though a bit basic for my level.
- Omar Silva5.0 · Oct 22, 2026
Should be required for anyone building UIs.
- Hannah Nair5.0 · Oct 22, 2026
Practical from the very first lesson.
- Kwame Patel4.0 · Oct 22, 2026
Helpful content. Would love a follow-up course.
- Arjun Nguyen4.0 · Oct 22, 2026
Helpful content. Would love a follow-up course.
- Kenji Khan5.0 · Oct 22, 2026
As a developer, this gave me the vocabulary I was missing. My side project looks so much better.
- Siddharth Müller4.0 · Oct 22, 2026
Great fundamentals. The redesign exercise was the most useful part.
- Aarav Sharma5.0 · Oct 22, 2026
The spacing system lesson changed how I build layouts.
- Tara Iyer5.0 · Oct 22, 2026
Concise and practical, with excellent before/after examples.