Visual hierarchy refers to all the elements in a design and how they are perceived in terms of importance.
<h2 id="heading-methods-for-creating-a-visual-hierarchy">Methods for Creating a Visual Hierarchy</h2>
<ol>
<li>Using size or scale
</li>
<li>The use of color
</li>
<li>Using Whitespace
</li>
<li>Alignment
</li>
</ol>
<h2 id="heading-guidelines-for-creating-a-better-visual-hierarchy">Guidelines for Creating a Better Visual Hierarchy</h2>
<ol>
<li>Create multiple versions
</li>
<li>Ask for feedback
</li>
<li>Study design
</li>
<li>Use no more than three sizes
</li>
</ol>
<h3 id="heading-references">References</h3>
<ul>
<li>Visual Hierarchy in UX: Definition, Nielsen Norman Group
 <a target="_blank" href="https://www.nngroup.com/articles/visual-hierarchy-ux-definition/">https://www.nngroup.com/articles/visual-hierarchy-ux-definition/</a>
</li>
<li>Getting Started with visual hierarchy in Design | by Monica Galvan
 <a target="_blank" href="https://uxplanet.org/getting-started-with-visual-hierarchy-in-design-3b5546ede88e">https://uxplanet.org/getting-started-with-visual-hierarchy-in-design-3b5546ede88e</a>
</li>
<li>The 4 best ways to create hierarchy in design | by Monica Galvan
 <a target="_blank" href="https://uxplanet.org/the-4-best-ways-to-create-hierarchy-in-design-d1c6bef70021">https://uxplanet.org/the-4-best-ways-to-create-hierarchy-in-design-d1c6bef70021</a>.
</li>
</ul>

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/](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](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](https://uxplanet.org/the-4-best-ways-to-create-hierarchy-in-design-d1c6bef70021).

Day 53: Visual Hierarchy

Methods for Creating a Visual Hierarchy

Guidelines for Creating a Better Visual Hierarchy

References