If you’ve ever dabbled with HTML you’ll likely be familiar with H1 (heading), H2 (sub-heading) and paragraph, which structure the hierarchy of copy on every website you visit. If you’re not familiar with HTML code don’t worry, it’s definitely not a pre-requisite to styling your yearbook text, but it is a good way to think about the structure of your own yearbook copy.
Pick up any book and gaze at the cover – I guarantee your eye will be drawn to the book title first, this is because it’s the largest size on that page, followed by a sub-title in a smaller font. I absolutely forgive you for overlooking such details in the past. Let’s be honest, unless you’re designing book layouts day-in day-out, why would you even question it?
A yearbook page structure follows the exact same formula. Here are a couple of quick tips for using font sizes to achieve the perfect hierarchy any graphic designer would be proud of.
Start with your paragraph text
Choose a nice clear, easy to read typeface and spacing for your paragraph text at a font size of between 9pt and 14pt if creating an A4 yearbook.
Now build the rest of your copy structure
Base the rest of your text items; headline, sub heading, captions and quotes off of your paragraph text style.
(Largest font size on the page)
(A couple of points or pixels smaller than your headline)
Paragraph / body copy
(Use a readable typeface suitable for 50-60 word paragraphs)
Quote / cite
(Consider using an italic font or style for quotes and citations to break up your paragraph)
(May be smaller than your paragraph style, but still readable)
How does this work in a yearbook?
With the above in mind, here’s how your yearbook student profile page could look: