Design Foundations — UI Design Roadmap
The visual grammar that every good interface is built from
Steps in Design Foundations
- Elements of Design (Line, Shape, Form, Space) — beginner · The basic visual building blocks every composition is made from
- Principles of Design (Balance, Contrast, Hierarchy) — beginner · How the basic elements are arranged to create a coherent, readable composition
- Alignment, Repetition & Proximity — beginner · Grouping and aligning related elements so a layout feels intentional rather than accidental
- Gestalt Principles — beginner · How the human eye groups visual elements: proximity, similarity, closure and continuity
- Visual Hierarchy — beginner · Guiding a user's eye to the most important thing on a screen first
Part of
- UI Design roadmap — the full learning path