Posts Tagged ‘ typographic hierarchy ’

Information hierarchy made simple

Did you easily find a place to start reading on this page?

Information hierarchy has been created by taking one element from this content page and doing something different with it.

The typesize is a little larger than the other headings which obviously helps, but the simple placement of the type is what makes it stand out from the other information. The position associates it with the photo thereby connecting both type and image.

[ Inc. February 2011 ]


Not all square

I really enjoyed the typography on the CD booklet for the young singer Charice. The type and image work nicely together.

The black and white image overall is an effective typographic demonstration, but another photo, one that echoed the 45 degree angles in the typography would reinforce and provide logic to the typographic placement. It’s a shame the angles in Charice’s arms are not more harmonious with the type.

The color image is a page of thank yous. Here the designer took time to polish what is frequently incidental information. The black words breaks up the long strings of type and provide focal points: First of all… To my mum … To my mentor.

[ click the graphics to enlarge ]

Information hierarchy: Harvard Business Review

Two pages from the November issue of Harvard Business Review demonstrate excellent typographic hierarchy and organization.

Typographic hierarchy

Below are three solutions that best solve assignment five. I have included only one page of the three from each student for the purposes of clarity.

The hierarchy is clear, the type choices are appropriate, the use of space is elegant. The individual elements of information are placed logically and reinforce the hierarchy.

There are visual relationships that link one element to another through alignment, such as the vertical of one letter that aligns with the beginning of a new line of type.

One of the biggest mistakes made this week was to over design the pages, and to forget the simple requirement of clearly showing the information hierarchy.

More classical cds: Bernstein Century

Here is another series of classical cds. This time the typography is more dominant than the design approach seen in the Christian Thielemann series from the previous post.

What are your thoughts about this typography? Is the hierarchy clearer? Is the typeface appropriate? Are the rules framing the text necessary? And what about the overall design?

Classical CD covers: good typographic hierarchy?

As a follow up to the classical cd assignment, I found a series of covers that may teach us some lessons.

How effective is the typographic hierarchy? How can it be improved?. Does one cover work better than another?  Is this a strong series? Why?