Want to work with us? We're on the lookout for design experts.
Traditionally, typography is focused on just ensuring that text is readable and the message is relayed clearly to readers. Nowadays, typography is emerging as a major design element. In fact, there are sites whose style revolves around an unconventional typeface set against a simple background.
No matter what purpose you would like to make use for typography, there are a couple of rules that you should follow to foster a website design that promotes great user experience. Make sure you are aware of the following:
1. Limit the number of typefaces you use
It is always a good idea to keep the number of typefaces you use for your site at the minimum. Usually, just one typeface is sufficient, but at most, you can design a specific use for at most two typefaces. Any more than that may risk having your site look unprofessional. Also, standardize the size you’ll be using as too many variations can also pose a negative impression to those who will look at your site.
2. Start off with Standard Typefaces
There is a wide resource for typefaces outside the standard set we have grown to use. However, in as much as you can, make use of these typefaces before experimenting with unconventional ones. The reason for this is that your readers are more accustomed to seeing these typefaces in as much as you do. This makes your text a lot easier to read. However, if you intend to provide your site with its personality with the use of a non-standard typeface, at least make sure that your choice is readable enough.
3. Shorten your Lines
The number of characters per line is also part of typography. Best practices include your lines short to ensure readability. This is especially important for mobile phones as longer lines will mean small text. It is therefore essential to limit the number of characters you have per line.
4. Choose a Typeface that is Versatile in Size
You should know that there are typefaces that look weird when made bigger. For your site, you should choose one that works well in different sizes. This is because your site may be accessed to different kinds of screens, and your font would be seen in different sizes. It is therefore essential that you select a typeface that will retain its readability no matter what size and weight you intend it to be – unnaturally big, or naturally small.
5. Ensure that your Typeface can distinguish between similar-looking characters.
There are typefaces that have characters that look similar. This is common for the small “l” and capital “I”. To ensure that your message is free from confusion, it is better to make use of typefaces that do not have similar characters so that no confusion will happen.
6. Avoid writing Text in All Caps
It is not advisable to make use of text in all caps. While this is a normal practice in highlighting important information, it is not a good practice for websites. Your readers would not appreciate reading text in all caps, especially if you do it very often.
7. Put Enough Space in Between Lines
The space in between lines is important for typography. The space is called the leading or line height. Increasing the line height is said to help improve readability but takes away more digital real estate. It should then be regulated to an appropriate level.
8. Ensure Proper Contrasting
One of the aspects to make readability a lot easier is by ensuring that your site’s design and your text work well together. As a general rule, your site’s background and your text should have contrasting colors to foster easy readability – they should never be on the
9. Avoid Red and Green Text
Red and green texts are usually not a good idea. Not only are these two not appealing to the average reader, but that’s not the only reason. One of the most common forms of color blindness is red and green colorblindness, so you are posing a risk of not being able to help out those with the said condition. Again, in as much as you can, use contrasting colors, except for red and green.
10. Do not use Blinking Text
There are site owners who believe that animated texts can draw attention. However, it also poses a lot of risks such as triggering a seizure for certain individuals. It is also simply an eyesore if you try to use a blinking text, or other severely animated. Typefaces. It is always best to go for simple ones. There is just no use for too animated text in the modern day. There are many other techniques on how you would be able to highlight important information just not blinking text, or other flashy animations.
Use Typography to Your Advantage
Typography is indeed a huge factor in modern-day we design. And it’s not all about for aesthetic reasoning as typography is now also a critical factor for user experience. With that in mind, it is a good idea to use typography as a major design factor, taking into consideration all the ten rules stated above that all foster typography’s rules that are geared to make the UX a lot better.
Typography can help you out in various ways. The bottom line is to make your text readable, and that is what you should be ready to comply with these rules to ensure that your site is a great choice for boosting your site’s UX.