NEW! Free content marketing training: The Content Profit Formula

How to Use Visual Hierarchy for Clearer Marketing Materials

Visual hierarchy sounds complicated, but it’s not.

It refers to the idea that information on a page should have a clear sense of order. That order is imposed by you, the person who’s designing the page.

Why Your Reader Needs to See Visual Hierarchy

When your reader first encounters your page of information, their initial impulse is to ask “Where do I start?”

You can make this clear by establishing the most important item on the page through design. It might be an image, a headline or a coupon. Whatever it is, make it larger, bolder and brighter than the rest of the page.

After that, their eyes will move around the page seeking what to look at next. Make it obvious by using the next-most-important image or text a little smaller. It shouldn’t call as much attention to itself as the main text or image.

And finally, most pages have some necessary-but-not-crucial text or images. These may be disclaimers, footer text on a web page, or a map to an event.

These items should be smallest of all. You don’t want them to compete with your main image/text or your secondary image/text.

When your page uses clear visual hierarchy, your information will be absorbed in the order in which you intended, and your reader will find it easy to understand.

Practice Information Discrimination

Get into the habit of stepping back and classifying your information before you start setting it up on your pages. Visual hierarchy may not come naturally at first, but the more you practice it, the easier it will be to use.

Pamela Wilson

Pamela Wilson

Pamela Wilson is an online educator, author, keynote speaker, and the founder of BIG Brand System. Read reviews on the tools used to run this site and business here.

Pamela Wilson

I want to help you take the next step. Pick your free workshop topic and let’s do this!

11 thoughts on “How to Use Visual Hierarchy for Clearer Marketing Materials”

  1. I’m a fellow graphic designer, just signed up for your blog, good stuff! My clients always seem to have a hard time with hierarchy: they want EVERYTHING to be important. But, as the saying goes, if everything’s important than nothing is. Thanks for posting! 🙂

  2. Hi Pamela,
    I agree that visual hierarchy is very important when it comes to design. However, I am kind of surprised that in this example, you mention that the “Lowest Price” is the highest in the visual hierachy. Shouldn’t the product name/product image be 1st? People would need to know what you are selling first before they care about the price, right?

    • Thanks for your comment, Peter. I see what you’re saying.

      In this example, the image does the talking to let people know what’s on sale. And since the product is mentioned directly below the largest type on the ad, I think it works.

      You could certainly lead with the product name, but it’s not as compelling as a limited-time low price.

Comments are closed.

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Learn More