Project 3 — Exercise 3: Typographic Hierarchy

Justin Yeh
Communication Design Fundamentals (F16)
2 min readSep 22, 2016

In this exercise, we explored how hierarchy could be achieved via the alteration of minor typographic variables, such as linespacing, weight, and scale.

  1. Linespacing
  2. Typographic weights
  3. Horizontal shift or indentation
  4. Typographic weight & linespacing
  5. Typographic weight & horizontal shift
  6. Horizontal shift & spacing
  7. Size change & typographic weight
Just by simply manipulating the information into chunks, viewers can more easily gather information in a shorter amount of time

2.

I feel like this was less effective than the linespacing strategy, but the bolder effect allows readers to understand which information is important and which isn’t.

3.

By creating a separate level of indentation, readers can split their attention between main information and details.

4.

This combination of linespacing and typographic weight alteration was very effective in communication chunks of information while emphasizing the importance of the bolded text.

5.

I rather dislike this combination — it still feels too crowded, and the information doesn’t feel separated enough. If multiple left flush margins were allowed rather than 2, maybe this would have been more effective.

6.

This combination was probably one of my favorite ones — the simple centering of the top and bottom information allowed readers to understand the different hierarchies, and set up the main information in the 3 bodies. The spacing further allowed readers to distinguish from each event, as well as the event host and the location/cost.

7.

This was rather effective in clarifying the most important information — the title of the series of seminars. The host is not bold as readers may not be that interested, but the names of each seminar are, as they rank higher on the hierarchy.

--

--