Visual Hierarchy — Roadmap Step & Resources
Guiding a user's eye to the most important thing on a screen first
- Level: beginner
- Estimated time: 1 days
- Roadmap: UI Design
Before this step
Interview questions
- A client says everything on their screen feels equally important — how do you push back?
Study resources
- Visual Hierarchy (Article) — The Interaction Design Foundation's overview of guiding the eye through size, color and position.
- Visual Hierarchy Explained (Video) — A practical walkthrough of establishing clear visual hierarchy in a UI.
Part of
- Design Foundations — section
- UI Design roadmap — the full learning path