Wireframe Planning: Choose Fonts for Your Infographic

By Justin Beegel, MBA, The Infographic World Team

One of the last components of your wireframing process for your infographic should be choosing — or at least thinking about — font choice. Sometimes clients will require you to use certain fonts. If that’s the case, just jot them down on your wireframe, and perhaps do a quick review of your computer to make sure you have all the fonts you’ll need.

If you’re not working with preordained guidelines, the wireframing phase is a great time to plot out your own font choices.

A wireframe is really a rough draft, and you can always revise as you go.

As with any type of design, there is a hierarchy in fonts. Appropriately sized typography shows the reader which information is most important. The same way a news page designer wants the top headline to be the largest and most dominant, infographic designers want the title font to be the largest.

Effective design varies font size and weight in smart ways. Here are some of the different elements that will need typographical consideration, including overall font choice, size, and weight:

  • Title and intro

  • Section headings

  • Section intros

  • Body text

  • Body text with special emphasis

  • Chart intros

  • Chart labels

  • Image captions

  • Callout bubbles

  • Ending text/call to action

Not only will organizing the text into general guidelines by size help guide the reader, but it will help speed up the work you’ll need to do to finish your graphic. You will be able to look at any given piece of text and know immediately what size it needs to be.

Text sizes in general should follow some sense of hierarchy and proportion. You don’t want to call too much attention (“highlight”) text by making it larger if it’s not all that important.