Day 53: Visual Hierarchy

Visual hierarchy refers to all the elements in a design and how they are perceived in terms of importance.

Methods for Creating a Visual Hierarchy

1. Using size or scale

2. The use of color

3. Using Whitespace

4. Alignment

Guidelines for Creating a Better Visual Hierarchy

1. Create multiple versions

2. Ask for feedback

3. Study design

4. Use no more than three sizes

References

• Visual Hierarchy in UX: Definition, Nielsen Norman Group

  https://www.nngroup.com/articles/visual-hierarchy-ux-definition/

• Getting Started with visual hierarchy in Design | by Monica Galvan

  https://uxplanet.org/getting-started-with-visual-hierarchy-in-design-3b5546ede88e

• The 4 best ways to create hierarchy in design | by Monica Galvan

  https://uxplanet.org/the-4-best-ways-to-create-hierarchy-in-design-d1c6bef70021.