Typographic Hierarchy (part 1)

Stroke Weights 1

Stroke weights are emphasized on the actual films rather than the dates.  Specific location and “free admission” incentive are also emphasized for its importance.  Weights are separated to portray contrast between dissimilar descriptions.

Stroke Weights 2

Stroke weights here are separated by film and dates, giving it an uncoordinated feel, which pay provoke interest in reading the content more thoroughly

Stroke Weights 3

Separation of main title, films, and location is achieved.  Helps to find top level sections easily while sacrificing lower level content.

Linespacing 1

Achieving the same result as the last “weight” example (top level separation).

Linespacing 2

This spacing doesn’t make any sense, since the wrong attributes are matched with each other.

Linespacing 3

This example coordinates films in the same months together and others apart.

Two Flush-left Margins 1

Indentation by time gives a schedule/calendar feel suitable for planning.

Two Flush-left Margins 2

Division between specific films (body) with overall encompassing info (aka event title, location, and cost).

Two Flush-left Margins 3

Similar to first “flush-left” example, this design furthers the contrast of the in and ort.

Three Flush-left Margins 1

Three indentations show more of hierarchy for the data attributed to the content.

Three Flush-left Margins 2

Same idea as previous, however, creating more uniform contrast between the various layers.

Three Flush-left Margins 3


1 thought on “Typographic Hierarchy (part 1)

  1. For stroke weights, I think the first one has too many bold pieces, the eye is diverted away from each one by the other ones and it’s hard to tell what’s more important. The second one, however, achieves hierarchy much better because the bold pieces are in groups. This makes them much easier to pay attention to. For the linespacing examples, I agree with you that the second one doesn’t make sense, again there are too many separate pieces to understand which are most important. The third one is the best, and grouping by months was a great idea. The first and third 2-flush left margins examples are a bit busy and distracting again. The second is the best for overall view (especially from far away). For the 3-flush left margins examples, the first is better than the other two because the 7:00pm is moved to the side creating a nice white space between the film name block and the logistical information block. This white space is a much needed separation between the information.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s