Visual Weight & Emphasis — Roadmap Step & Resources
How size, color and contrast combine to make some elements feel heavier than others
- Level: beginner
- Estimated time: 2 days
- Roadmap: UI Design
Before this step
Interview questions
- How would you make a secondary button feel clearly secondary without making it invisible?
Study resources
- Visual Weight (Article) — The Interaction Design Foundation's visual hierarchy resource covers visual weight directly.
- Visual Weight and Emphasis Explained (Video) — Covers using size, color and contrast to create emphasis.
Part of
- Layout & Composition — section
- UI Design roadmap — the full learning path