Read on Twitter
Did you know that your typography can decrease your conversion rate on your website?
Here's how to fix it
A THREAD
Here's how to fix it
A THREAD
First you need to understand this : What is typography ?
It’s the practice of arranging text in a way that is legible and aesthetic. Beyond that, it can be used to exude a certain mood or strengthen a message.
It’s the practice of arranging text in a way that is legible and aesthetic. Beyond that, it can be used to exude a certain mood or strengthen a message.
Typography is a way of communication with users.
It's an essential part of any design.
It's an essential part of any design.
1. Typographic hierarchy makes things work
To create a design pleasant for the users’ perception, all its elements should be well organized and clear to navigate.
Clear typographic hierarchy makes text legible and easy to scan.
To create a design pleasant for the users’ perception, all its elements should be well organized and clear to navigate.
Clear typographic hierarchy makes text legible and easy to scan.
2. Consider context and audience
Each font brings its own mood to a layout.
There are friendly, funny, serious, business, and many other fonts that will fit a certain design.
Each font brings its own mood to a layout.
There are friendly, funny, serious, business, and many other fonts that will fit a certain design.
Before you choose a font, you need to learn your client’s goals as well as needs and preferences of a target audience.
Visual performance of fonts influences the first impression users get from the product.
Visual performance of fonts influences the first impression users get from the product.
3. Minimalism Is Always Key
Try to keep a number of fonts within two or three for the same layout.
It allows making an essential contrast between copy elements along with saving the balance and right message of the design.
Try to keep a number of fonts within two or three for the same layout.
It allows making an essential contrast between copy elements along with saving the balance and right message of the design.
Applying different styles (bold, italic) should also be minimal.
They are good for emphasizing really important parts but the overuse of them can make the text look messy.
They are good for emphasizing really important parts but the overuse of them can make the text look messy.
4. Your text needs to breath
Legibility level highly relies on how much space there is between letters, words, and text lines.
Legibility level highly relies on how much space there is between letters, words, and text lines.
A lack of white space may end in the bad legibility of copy content because it is difficult to distinguish words that are placed too tight to each other.
5. Align your text the right way
Typographical alignment refers to the setting of text flow on a page.
Here are the 4 essential ones :
- Flush Left
- Flush Right
- Justified
- Centered
Typographical alignment refers to the setting of text flow on a page.
Here are the 4 essential ones :
- Flush Left
- Flush Right
- Justified
- Centered
6. Web Design Typography Tips
1. Consider your brand style
2. Be consistent with your branding
3. Think about readability
4. Don't overcomplicate
5. Be web safe
1. Consider your brand style
2. Be consistent with your branding
3. Think about readability
4. Don't overcomplicate
5. Be web safe
Clients always require originality and emotion but it can’t be done only by following the principles of design.
Designers should never bury their artistic souls. Imagination and the sense of beauty bring uniqueness into any project, even the most casual one.
Designers should never bury their artistic souls. Imagination and the sense of beauty bring uniqueness into any project, even the most casual one.
Find the balance between the strict rules and unordinary choices, and the results may surprise you and your clients.
Learn the full article with more in-depth tools and tips in the Utopia : https://gumroad.com/l/vHMYE
Learn the full article with more in-depth tools and tips in the Utopia : https://gumroad.com/l/vHMYE
I'm only accepting 2 new clients this month.
If you want to work with me on your brand or website design/dev,
DM me with "Wild Designs"
If you want to work with me on your brand or website design/dev,
DM me with "Wild Designs"
