Visual Hierarchy

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?

tumblr_kz69f7XQzA1qz8ohs

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

main-qimg-d2f75ec3accd1ed43792d2c4f179b6a2

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

sushi-guide_cropped

london_cropped

lemon_mug_cake

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):

infographic_cheat_sheet

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)
Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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