Hierarchy of need

Use different font sizes and weights to make a page more attractive and readable

By Tyson Bird, Ball State University

Hang on for a minute...we're trying to find some more stories you might like.


Email This Story






There are a lot of things to think about when designing news: style guides, headline writing, photo cropping and color palettes, to name a few.

One thing I’ve noticed is often overlooked by high school publications is keeping visual hierarchy. Publications I’ve seen have a dominant element to ‘anchor’ the page, but the rest of the spread is littered with fonts and sizes too similar to guide the reader.

Take a look at Example 1. It is a technically accurate layout. The grid is consistent, elements are spaced properly, and the designer avoided stacking elements in a practice known as “sheetcaking.” However, all of the headlines use the same font size and weight.

Graphic by Tyson Bird

Graphic by Tyson Bird

Example 2 uses (almost) the same layout, stories and headlines. However, by varying the weights and sizes of the headlines, the designer has made this a much more attractive and readable page.

Graphic by Tyson Bird

Graphic by Tyson Bird

Fortunately, fixing hierarchy issues is usually as simple as adding one or two typefaces to a publication’s style.

EDITOR’S NOTE: Tyson Bird is a freshman at Ball State University. Bird was the Editor-in-Chief of the Cedar Post (Sandpoint High School) from 2012-14 and was Idaho’s student journalist of the year in 2014. Be sure to follow Bird on Twitter (@TysonBird).

Print Friendly, PDF & Email
1 Comment

One Response to “Hierarchy of need”

  1. Michelle Harmon on June 6th, 2015 7:58 pm

    This is an excellent example. I’m constantly sharing this information during critiques. Thanks for providing another voice of reason!

If you want a picture to show with your comment, go get a gravatar.




Navigate Left
  • Hierarchy of need

    Design

    1-Minute tutorials

  • Hierarchy of need

    Design

    Contrasting Type

  • Hierarchy of need

    2017 State Conference

    2017 State High School Communication Conference

  • Hierarchy of need

    2017 State Conference

    Hold the date! 2017 State Conference scheduled for Oct. 26

  • Hierarchy of need

    Awards

    Idaho students win at national convention

  • Hierarchy of need

    Awards

    Enter the 2017 JEA Journalist of the Year state (and national) contest

  • Hierarchy of need

    2016 State Conference

    2016 Idaho High School Communications Conference — Guidebook link!

  • Hierarchy of need

    Advisers

    The business of journalism

  • Hierarchy of need

    Awards

    It’s never too early to plan for Journalist of the Year competition

  • Hierarchy of need

    Awards

    National recognition

Navigate Right
Hierarchy of need