Designed
pageTitle
    Learning Paths
    UI & Visual Design Foundations

    UI & Visual Design Foundations

    beginner7 modules~10 hrs

    Build stronger layout, typography, color, hierarchy, and interface skills.

    By the end of this path, you'll be able to
    • Apply typography, layout, and color with real intention, not just taste
    • Build and use a consistent visual hierarchy across a screen
    • Design accessible, legible interfaces at a component level
    • Critique your own visual work and explain the reasoning behind it
    Relevant to
    Design Systems DesignerGraphic DesignerInteraction DesignerProduct DesignerUI DesignerVisual Designer
    1
    Layout & Grids
    Structuring a screen so content has room to breathe.
    Learn
    Grids in UI Design
    Smashing Magazine12 min
    2
    Typography
    Choosing and pairing type so interfaces read easily.
    Learn
    Explore
    Refactoring UI
    Refactoring UI15 min
    3
    Color Theory & Application
    Using color with intention, not decoration.
    Learn
    Practice
    Explore
    Material Design: Color System
    Google15 min
    4
    Visual Hierarchy & Contrast
    Guiding the eye to what matters most.
    Learn
    Explore
    Laws of UX
    Laws of UX15 min
    5
    Iconography & Imagery
    Using icons and images that clarify instead of decorate.
    Learn
    Explore
    Human Interface Guidelines
    Apple15 minOptional
    6
    Design Systems Basics
    Why consistent UI needs reusable components, at a glance.
    Learn
    Design Systems 101
    NN/g12 min
    7
    Putting It Together
    Assembling a cohesive interface from these fundamentals.
    Learn
    Practice
    Explore
    Post Your Redesign for Feedback
    Designed10 min

    ← Back to Learning Paths