Queen Anne’s Lace, Trucks, and Typographic Hierarchy

NOTE: Thanks to flying_leaves for questioning two of the diagrams below. I’ve since clarified the two diagrams, and have included them here.

QAL preview

Below is an infographic that illustrates how things that occur in Nature can be applied to design. It provides an example of how a conceptual hierarchy (in this case, CARS > PICKUPS > 4-CYLINDER) can be supported by a corresponding visual hierarchy. Verbal analogies are translated into visual analogies: 4-CYLINDER is a subset of PICKUPS as PICKUPS is a subset of CARS.

Proportions are a good way to visually illustrate analogies that are presented in typographic form. In this infographic, proportions are used to determine the relative x-heights of headings, subheadings and body copy. The negative spaces between successive lines of text are given equal consideration. Even the width of the text columns (i.e. measures) can be included in this network of proportions.

QAL SS_trimmed

QAL Revsion_SS_01

QAL Revsion_SS_02

2 thoughts on “Queen Anne’s Lace, Trucks, and Typographic Hierarchy

  1. flying_leaves

    All of the ideas made sense until the third diagram where the four cylinder box was shown as a bigger box than the pickups box. Could you explain why the bigger box was used instead of the smaller box? Thanks!

  2. nfolds5_blogalex Post author

    Good question. It actually prompted me to revise my infographic. Take a look, and let me know if this new one is easier to understand.


Leave a Reply

Your email address will not be published. Required fields are marked *