801.796.BROS (2767)

The Principles Behind Designing Visual Hierarchy_Blog Header

What is visual hierarchy?

A quick definition:

“The arrangement or presentation of elements in a way that implies importance.”

In this webinar, our Senior Designer Stacey Wilhelmsen walked attendees through some design principles that you can use to create visual hierarchy in your next eLearning project. She also shared several visual examples of each principle to help attendees further understand how each principle impacts your visual hierarchy. Stacey covered these elements of visual hierarchy:

  • Size & scale
  • Space & texture
  • Color & contrast
  • Color temperature, saturation & value

During the webinar, Stacey also talked about the different scan patterns that people’s eyes take when they’re skimming a website or article to decide if they want to read it or not. You can use these patterns and your visual hierarchy to design a more intriguing eLearning slide that places your most compelling info where people will see it during a quick scan.

As she closed out the webinar, Stacey reminded us “if everything is important, nothing is important.” Choose what to emphasize carefully. Watch the recording below to learn about her recommended squint test for checking that your visual hierarchy works!



Check out more graphic design tips from our amazing team and sign up for our next design webinar, Layout & Typography Tips for eLearning Designs.


Pin It on Pinterest