Visual Hierarchy


What did you look at first? Why? The designer who created the above image used a technique called visual hierarchy to cause you to see certain parts of the design in a particular order.

Visual hierarchy refers to the arrangement of parts of a design in a way that implies importance. Visual hierarchy influences the order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception.

Today’s essential question: How will you use the principles of visual hierarchy to ensure that the viewer sees the most important parts of your infographic first?


Good visual hierarchy enables you to decipher what is the most important information without even reading the text:


How do the examples below use a strong visual hierarchy to help the viewer prioritize information?




Today we will sketch out a basic layout of our infographic. Here are some ideas. (You do not have to use any of these layouts):


Today we will:

  • sketch the planned layout of your infographic
  • photograph your layout (after it has been approved by Ms. Lawson)
  • create a new blog post with the following. Alyssa and Mabel have excellent examples of what I am looking for:
    • the photograph of your layout
    • any text you plan to use in your infographic
    • any graphics you plan to use in your infographic (including photos you may vectorize)

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s