Infographic Day 2: Visual Hierarchy

Today’s essential question: How can I use visual hierarchy to draw attention to the most important parts of my infographic?

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.

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.
    Here is an example of what I am looking for:
    infographic_layout.jpg
  • Photograph your layout (after it has been approved by Ms. Lawson). Tape it to a wall and photograph it from straight on.
  • Create a new blog post with the following:
    • 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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s