10 Typography Tricks to Make Your Text Much More Readable

By on May 9, 2017 in How To
10 Typography Tricks to Make Your Text Much More Readable

Yes, a picture says a thousand words. But sometimes, images alone won’t work.

This is why typography still proves to be a vital aspect of design despite the focus on more visual content. Remember that the need for visual content does not tell you to stop adding text to your designs – it simply reminds you to do so the most tasteful and stylish way possible.

Of course, readability should not be sacrificed in the name of design. You can’t add text that people can barely understand, then argue that it’s a piece of art. Sending a message that cannot be deciphered defies the purpose of what you’re doing.

So how do you make your text more readable? Here are a few typography tips and tricks to keep in mind:

1. Always consider measure.

I heard someone tell me once that the reason they went into design was to avoid all the numbers involved in other fields. Guess what. Numbers will haunt you, even when you’re designing something.

No matter how keen your eyes are to the smallest details, it’s always better to be safe than sorry. Always put the measure in mind when putting text together. No, you don’t have to hunt for your ruler or tape measure. “Measure” is the term used to define the length of a line. If each line of text is longer than usual, readers will automatically have a hard time processing the message being sent across.

Good measure is usually around 40 to 80 characters per line, including the spaces. If it’s just a single column, then 65 characters would be perfect.

Looking for a formula you can use? Of course, there’s one. The Robert Bringhurst formula asks you to multiply the size of type by 30. Let’s say you’re using a 20-px type. Multiply it by 30, and your ideal measure would be 600px. With a font size of 20, you’ll still end up with just around 65 characters for a 600-px line.

2. Master leading.

You know those spaces between each line of text? That’s what you call leading. Leading has such a huge impact in readability in the sense that some readers may not even attempt to read a block of text if the leading is all wrong.

A lot of things work together to get the right leading. The type size, typeface, case, weight, and word spacing are just some of the many factors that affect the amount of space in between lines. Generally, setting the leading at 25% bigger than the type size would be most ideal. So let’s say you’re using a 12pt type size. The best leading would, be sized at around 15pt or 16pt.

3. Use hanging quotes.

Just because your left margin sets the leftmost boundary does not mean that everything has to be aligned with it. In the case of quotes, a lot of designers make the mistake of aligning the quotation mark with the left margin. When you do this, the text that comes after this quotation mark will therefore be moved to the right, making it seem like the margin is skewed. This disrupts the reader’s rhythm.

When you use a hanging quote, you leave the quotation marks outside the margin. This leaves all text aligned with each other. Now, that definitely makes any block of text easier to read.

4. Beware of widows and orphans.

Nope, we’re not talking about wives whose husbands have left this world or children whose parents have died. Widows are short lines or single words awkwardly left hanging at the end of a paragraph. Orphans are pretty much the same, but they are left at the top of a column.

It’s a good thing that it’s easy enough to get rid of these widows and orphans. You can try adjusting the type size, leading, word spacing, measure or letter spacing. You can also try squeezing in a manual line break. Try editing the text as well, but only if possible.

5. Give emphasis.

There will always be a few key points that you want to emphasize over anything else. It could be a word that you’re trying to define, or a statement that you believe has the most importance in the entire paragraph. This can be done by putting the word, phrase or sentence in italics (the most common form of emphasis used). You may also try putting the words in bold, or by underlining them. Others put the point of emphasis in all caps. Some also highlight the words, or use different colored letters.

Although emphasis is good, too much of it will disrupt the readability of your text. Choose one form of emphasis and stick to it. Putting the word you think is important in caps, in bold, in italics and underlined is overkill.

6. Use scales to show hierarchy.

In the same way that you have to italicize a few words within the body of the text to show emphasis, you also have to show which groups of text take more importance over the others. This is done by using a scale of type sizes.

Evidently, the title or main heading should be the biggest, followed by the subheading, with the body of the text appearing a little smaller than the previous. When you do this, not only does it make the entire text body look more organized, it also allows your readers to find exactly what they’re looking for and jump to the areas they need more than the others.

7. Keep your rags clean.

The rags are the uneven side of the paragraph, often the right side. Sure, rags are an automatic thing if you align your text to the left. Using justified alignment will not cut it, because the uneven spaces between words makes it very hard to read. The important thing here is for you to make sure that the rags still look organized and clean despite the fact that they are not completely aligned.

How do you keep your rags clean? Make sure each line is not too long or short. Make sure those ends are as close to each other as possible. To do this, you may have to do some manual adjustments to your text block.

8. Easy on the contrast.

The contrast of colors you use would highly affect the way your text is read. Black print over a white background is evidently very ideal, as this contrast is very easy on the eyes, making everything easier to read. But try pink text over a blue background, and you’ll have readers going dizzy just trying to make sense of everything you’ve written down.

Although this is a standard rule, some designers still forget to think about contrast when laying out their designs. Some may be going after the brands’ colors too much. But at the end of the day, no matter how nicely your chosen contrasts are in general design, remember that they do not always work well in typography.

9. Use white space to your advantage.

White space may seem like empty space, but these blank spaces are actually doing your design more good than harm. Especially if your design is already content-heavy, your readers may find it hard to go through the text without being distracted by the rest of the design. White space will help you leave some space in and around the text, making it easier for readers’ eyes to flow through the words without being distracted by other design elements.

10. Support your text with images.

Of course, you can’t just leave your text alone. Some graphical support will go a long way, especially if you want your readers to truly understand what you’re talking about in your text. Images will help them imagine what you’re explaining. It could also be the best way for you to bring in some emotion into your content. Talk about something heartbreaking for example, and a supporting picture could be just the thing that would push them to tears.

Without a doubt, typography plays a huge role in the way your design is solidified. It carries the core message of your content, and therefore, takes high priority when it comes to achieving the ultimate results. You can’t just leave typography as an afterthought. No matter how awesome and impressive the rest of your design is, bad typography will always ruin it all for you.

This is why as a designer, you have to start taking typography a little bit more seriously. Don’t look at it as “just text”. It’s also a form of art that requires some science to implement effectively. Make your creativity extend from the graphic side of design all the way to the textual parts of it. Once you have learned how to do this, you can create cohesive, consistent designs that sends any message across effectively.

Start with these ten tips and tricks. Try to apply them one by one. Before you know it, you’ll find that you’ve already mastered typography and can do it automatically and seamlessly.

 


Products Seen In This Post:

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

3 Comments

  1. I learned most of these things my freshmen year of college. So thankful for a school that teaches the core principles as well as awesome design stuff. :)

  2. Sometimes I find sites with an much elegant typeface that it beauty on the design however very hard to read, while site design we need to think in both.
    Excellent article!

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →