Visual Hierarchy is used to rank design elements and influence in the order you want your users to view them. By using principles like contrast, scale, balance and, more, you can help establish each element in its rightful place and help the most important elements stand out. Simply put, it’s the principle of arranging elements to show their order of importance.

Where Visual Hierarchy can be found:

• ECommerce Websites


• Event Flyers: Who/What/When/Where

Visual hierarchy is the most basic form of delivering information and is composed of the following:

• Typefaces and font weights

• Size

• Color

• Style

• Spacing

Website structure is based on where the website owner wants users to look first and where thereafter.