ideas
Craig Stroupe | Associate Professor of Information Design | Department of Writing Studies | 1201 Ordean Court # 420 | University of Minnesota Duluth | Duluth, MN 55812 | 218-726-6249 | fax 218-726-6882 | cstroupe@d.umn.edu


quoteTechnique is just a means of arriving at a statement."

- Jackson Pollock

 

Visual Hierarchy

Visual Hierarchy is a principle of page design by which elements are presented in ways that visually suggest their relative importance, the order in which they are to be noticed, and the intended flow of attention.

posters
The lack of visual hierarchy creates a sense of competition and chaos.

verbal hierarchy
Verbal Texts create a sense of visual hierarchy with variations of type size, white space, and the top-down-left-to-right rules of readng. (From CSS Zen Garden)

lissitzky's the constructor
Visual Texts create visual hierarchy through composition, flow, and a knowledge of how the human eye tracks through a visual field. (See a full-sized version of El Lissitzky's "The Constructor."

tabasco site page
Web pages create visual hierarchy by attempting to combine the logic of textual reading with the principles of visual composition. (See the Avery Island page from Tabasco's web site)