featured image 10 typography mistakes in your design.

10 Typography Mistakes that Make Your Design Cheaper

1,100 0
July 27, 2022 August 1, 2022 8 min
Valeriia Vodiashyna photoAuthor by:Valeriia Vodiashyna
microphone for podcasts.
“10 Typography Mistakes that Make Your Design Cheaper [Audio Version]”
00:00:00

It’s no secret that good typography affects the outcome of your work. Good typography not only contributes to the aesthetics of the product but also enhances the user experience. The client will be able to read the text faster, intuitively understand the accents, and be better oriented in the information.

Let’s figure out what these errors are and how to fix them.

Using more fonts so it’s not boring

Aspiring designers often think that if you use a big variety of different fonts, you will achieve a cool design. Actually, it works the other way around.

Using a large number of fonts spoils the visual image, creates visual noise and harms the user experience. A person simply cannot concentrate and perceive information holistically with such distractions.

Collage with two examples of the same text with different fonts.

Choose a maximum of 2 fonts for your projects. For example, use the first font for the headings and the second font for the main body text. You may also choose to use a single font and its different styles for accenting headings, captions, etc. — this also looks really cool.

Using display font for all text

Is there a temptation to choose an unusual font for the heading and then decide to use it for ALL of the text? Do you never want to be online again?:) This might happen if you choose wrong. In your head, the fancy font you picked out looks like a cool unique design with a twist, but in fact, it is a non-working design. Our brain thinks it’s too complicated and we just don’t want to interact with bad typography when viewing websites, banners, menus, etc.

Collage with two examples of the same text with same fonts.

Use just one nice display font for titles or headings, and then choose an easy-to-read font for the main body text. Simple fonts are still in vogue. For example Bodoni, Helvetica, Open Sans, Montserrat, Inter, Circe, and the like are all good choices.

If you’re looking for new fonts for your projects, we have 1500+ fonts to offer to you! There are both premium and free options, and there are often discounts up to 90% off premium fonts. You can find a font for any project and style, so save yourself the time looking any further and check out this link.

Banner for downloading our free guide.

Using bold, italic, and underline all in one

Here is one of the most common bad examples of typography. We tried to show what the text looks like when a designer chooses all the available options. Don’t you agree that it looks bad and incomprehensible?

When working with text that requires emphasizing, keep in mind that the highlighted areas will direct the user to the most important information. Your goal is to encourage a desired target action. You may choose to use bold lettering, or underline an important statement, or maybe use italics, but don’t emphasize everything. If you highlight everything, then you have highlighted nothing.

Collage with two examples of the same text with bold and italic fonts.

Use underlining, bold, or italics to highlight just the most important words or phrases and you’ll be fine. Think about what words you want to stand out the most and leave everything else alone. An exception may be a quotation, which can be written entirely in italics. After all, we highlight it this way to separate it from the rest of the text.

Banner for fonts for your projects.

Using capital letters for all text

Highlighting all text in capital letters is a bad idea if you have a large amount of text in your project. Doing this will be inconvenient for the readers because using all caps on a large area of text makes reading difficult.

In addition, the frequent use of capital letters makes us feel like we are being shouted at, and we don’t need such an effect in the design.

Collage with two examples of the same text with capital letters.

But it’s not always the case. Sometimes your design might call for the emphasis that capital lettering brings, or perhaps it’s just the right project for this emphasis style. For example, in a restaurant menu, most of the text can be written in capital letters, and this will look normal.

Most often, you should use capital letters only for titles.

“Typography is a hidden tool of manipulation within society.” ― Neville Brody

Strongly altering font kerning

The creators of each font typically work it out so that everything looks harmonious. Please trust the creators and do not disturb this balance. Changing the original kerning in most cases leads to sloppy and difficult-to-read text.

Although it happens that kerning can be slightly tweaked if it is directly necessary, and often this is only for caps names, the main thing is that these kinds of adjustments should be done in moderation.

Collage with two examples of the texts with altering font kerning.

If you belong to the category of font creators, then you yourself understand this rule. By the way, MasterBundles has cool conditions for selling fonts and other designs, so join us. We offer easy process of uploading the works to the platform, fast payouts, and sometimes promote the coolest works. Using the Sell Your Deal form, you can upload your work in 5 minutes.

Banner for selling your deals.

Hierarchy is for the weak

Hierarchy in the text is required. The use of headings and structure helps the user quickly and conveniently find the information he needs. Have you ever visited a website and found just a long sheet of plain text? If yes, what did you do? With a probability of 99.9%, you simply closed the page. If there had been a division of the page into H1, H2, H3 … the main text, then you would have likely stayed there to scan through the information and maybe even found what you were looking for.

Collage with two examples of the texts with hierarchy.

This rule works not only for websites but for any kind of design. To avoid this error break the text into parts and gradually reduce the font size. In this case, H1 will be the largest and body text the smallest in this hierarchy.

Weak contrast

Dull typography = bad typography. If the user needs to strain their eyesight to read the text on a banner, website, menu, etc., then you’ve lost them.

Also, typography without contrast does not attract attention and it is more likely that it will not be noticed by the target audience at all. Your design will not create any interest or solve any problems. In fact, it will be so plain and boring that it will just be ignored.

Collage with two examples of the texts with different contrast.

Therefore, choose a color for the font so that it is clearly visible and the text can be easily read. Don’t use bright color combinations for the background and text, as this also spoils the visual picture. Also, black #000000 is better replaced with dark gray shades so that the contrast is more pleasing to the human eye.

Stray words and lines

When working with text, make sure that there is no preposition left at the end of the line or that a word is not carried over to the next line. Just remember this rule and your design will instantly become cleaner and easier to read. This is the skill of a professional!

Collage with two examples of the texts with stray lines.

Long and short lines

Lines that are too short make the text stretch down a lot, and long lines make people too tired to read everything. So try to do something in between so that the user doesn’t have time to get bored while reading.

Collage with two examples of the texts with long and short lines.

In most countries, people read from left to right, which means the left-aligned text is better perceived. Sometimes you can use center alignment to highlight quotes or some words for emphasis. It is recommended to avoid right-aligned text 🙂

Collage with two examples of the texts with right and left alignment.

10 Typography Mistakes that Make Your Design Cheaper in Infographic

10 Typography Mistakes that Make Your Design Cheaper in Infographic.

Conclusion

Thanks for reading this article. Now you know what kinds of subtleties to look for when creating a design. It’s okay if you can’t keep track of everything at once (especially prepositions — they’re tricky). Don’t despair and continue to do your best work, and if you forgot something, then return to this article. Save yourself some good and bad examples of typography so that you have something to build on.

Some Awesome Videos About Typography



6 Typography Golden Rules (NEED TO KNOW)


Do you understand the basic rules of typography layout and size? In todays video tutorial, I have 6 golden rules for typography in graphic design, but also a couple bonus tips at the very end. And on top of that, there is even a quiz to test your knowledge on the content in todays typography video.
 



Graphic Design Tutorial: Typography Design & Art Direction pt. 1


What makes for good type, layout and design? How can you art direct a designer when it comes to typography. Are there any examples or tutorials on critiquing typography for something with a lot of type?
 

FAQ

What should you avoid in typography?

We recommend avoiding the mistakes that were written about in the article — incorrect use of fonts, kerning changes, lack of hierarchy, lack of contrast in the text, and excessive selection of text.

Which is the most common mistake made in typesetting?

In our opinion, it is the use of a large number of fonts in a project.

What are the 6 golden rules for typography?

  1. Use 1-2 fonts per project.
  2. Respect the hierarchy.
  3. Don’t use Caps Lock for body text.
  4. Watch the length of the lines so that they are not too long and not too short. The optimal line length for desktop sites is 40-70 characters.
  5. Highlight important points in the text, but don’t overdo them.
  6. Avoid hanging prepositions and lines.

What are the consequences of the incorrect use of typography when writing text?

This leads to the fact that a potential client will skip over or close a site or not take the targeted action that needs to be completed. After all, design should help solve the problems of the client, and bad typography interferes with this.

Was this page helpful?
We will be happy if you decide to share this article with your friends on Facebook. Just click on the button and you're done
What are your concerns?

What are your concerns?

Thanks for your response!

You have already left your review.

Disclosure: MasterBundles website page may contain advertising materials that may lead to us receiving a commission fee if you purchase a product. However, this does not affect our opinion of the product in any way and we do not receive any bonuses for positive or negative ratings.

pinterest 10 typography mistakes in your design
Freelance designer and copywriter
I make cool designs and write interesting articles. My superpower is to understand the desires of clients, even if they themselves do not know what they want. I'm a creative person with structural thinking. And I really love cats. Glad to meet new people!
Awards
Certificate of completion of Valeria Vodiashina.
Γ—
Subscribe
Notify of
guest
0

Comments

Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x