Creating visual hierarchy can be achieved in a number of ways.  Hierarchy can be created by size, color, weight, contrast, alignment and proximity or a combination of these methods.

  • Size is one of the simplest ways to create hierarchy.  Larger items on a page will be noticed first.
  • Color is another way to create hierarchy.  Colors draw the eye.  Bright colors i.e. red, orange and yellow will draw the eye.  Muted colors will draw the eyes as well but only after the bright colors.
  • Weight.  Heavier items will draw the eye before “light” times.  An example, bold fonts will stand out more that unbolded fonts.
  • Contrast – Think fonts paired with thin fonts, a  warm color paired with a cool color and sizes highlight contrast.
  • Alignment – order or rhythm of design elements create alignment.  Alignment will guide a viewer’s eye around a page following lines.  Alignment can easily be created with the use of grids.

Proximity – It is used to group and separate elements of a design.  Objects that are close to each other are often associated with each other.


Practice .  Create designs using these methods then change color, weight, and proximity to improve the design.  Using these methods or combination of methods will result in a clean, concise design with clear visual hierarchy.

Contact Me
Phone: + 1 313 399 7858

Jennifer Leonard © 2018 – All Rights Reserved