Spacing & Whitespace — Roadmap Step & Resources
Using whitespace deliberately to group content and reduce visual noise
- Level: beginner
- Estimated time: 1 days
- Roadmap: UI Design
Before this step
Mini projects
- Redesign a dense, cramped screen using an 8pt spacing system
Interview questions
- What is an 8pt spacing system, and why do many design systems standardize on it?
Study resources
- The Importance of Whitespace in Web Design (Article) — The Interaction Design Foundation's overview of how whitespace improves comprehension.
- Spacing Systems Explained (Video) — Covers building a consistent spacing scale (4px/8px systems).
Part of
- Layout & Composition — section
- UI Design roadmap — the full learning path