Most Common Typography Mistakes Every Designer Should Avoid

If in the world of marketing, the content is the king, in the world of design, the font is the king, as it helps to showcase content in a visually impactful way, convey the key message, and emphasize the style of the brand. Choosing a font is one of the most responsible decisions in the process of design, so if you make a mistake it will affect negatively the whole look of your design project. Below are Most Common Typography Mistakes Every Designer Should Avoid in the process of creating graphic or web design projects.

The Usage of Too Many Fonts in One Design

Using 3 or more typefaces can create a cluttered, chaotic nonprofessional look in the design and can ruin the hierarchy of the whole design. The perfect solution is to stick to 2-3 typefaces with several weight versions for creating headlines, sub-headlines and emphasized body text.

Image source

The Focus On The Visual Form Over Function

When choosing the font for your next design project, be careful with choosing too original and unique fonts. While there are a lot of dramatic, original handwritten fonts over there, few of them are legible and functional when it comes to readability. Take a look at this example of urban poster that uses Vivaldi font that is too hard to read because of too many curls and loops. Functionality should be on the first place, not the form.

Image source

Imbalance in Leading

Leading or line height is the space between text lines. The leading with too much space as well as too tight leading can both do much harm to the design. While adding too much space between lines can create the feeling of separatedness, and make it look like it is “off” design, too tight leading can negatively affect the readability of the text.

Image source

Failed Kerning

Like bad leading balance, a failed kerning can also do much harm to the design and to the brand. Kerning is the space between two characters in a word. Kerning adjustments directly affect the readability. Too tight letters can create a cluttered look, while too loose space between characters can confuse and make it look like a character doesn’t belong to this or that word. In the example below, you can see how too tight kerning and space between words can ruin the meaning.

Image source

Bad Text Alignment

Make your text consistent throughout the whole design by aligning body text blocks and paragraphs. The non-aligned text looks chaotic and it is hard to focus on. There are some traditional rules of text alignments. For example, headlines and short descriptions should be centered, while huge paragraphs and body text blocks look better when left-aligned or right-aligned.

Source image

Flashy Font Pairing Choice

While using too many fonts can do harm to any design, choosing font pairings, or combining typefaces can turn any design in a disaster. The art of combining fonts needs practice, intuition, typography basics knowledge and art approach. On the one hand, it’s important to understand and feel what font pairings harmonize well with each other, on the other hand, you should understand how they will look like in real-life context when being applied to various types of design, like package, magazine, poster, website.

(No ratings yet)

Latest News

Free Groovy Pattern Set (PSD, AI, EPS, PNG)

Download free Groovy Pattern set – a special creation of our best designers. The set includes ten unique patterns in sweet retro style – use them to add charm of the 60’s to your new projects. Simple 2D geometric shapes, waves and stripes look eye-pleasing. Soft shades of beige and blue create an amazing contrast […]

Free 12 Star Signs Icon Set (AI, SVG, PNG)

Download 12 Star Signs Icons – a new stellar creation prepared by the well-versed designers here on FreePSD! The pack includes twelve unique icons each representing a zodiac sign. Thought through to the smallest detail, these designs look delicate and stylish; their clean linear style will match various projects. A few accents in the lightest […]

Free Mesh Gradient Background Set

Download free Mesh Gradient background set – a new fantastic addition here on FreePSD! Carefully crafted by our best specialists, this product can impress anyone with its impeccable quality. The play of the colors grading from violet and blue to pink and from vivid green to orange will look amazing onscreen; you can use this […]

24 Free Construction Icons (AI, SVG, PNG)

Download free Construction Icons set – a new fantastic product here on FreePSD! Crafted by our amazing designers, the set includes twenty-four unique icons that cover every concept of construction and renovation. Here you will find a perfect little image for everything – from painting walls to installing new windows, taps and locks! Flat linear […]