High-quality Webpage Design: Example and Tip 3 (tips for text arrangement and font selection)

Although most designers do not personally write the actual content of the website, they are still crucial to the overall quality of the content. The role of the designer is to ensure that the content is easy to read. There are many ways to ensure that your fonts are easy to read and use, but I will not list rules and terms for what to do or what not to do, what I bring to you is some examples and Analysis of smart use of fonts.

Carefully consider the font instance
The Netsetter has a big and beautiful font
In web design, titles are very important, especially for blog design. Recently, large and bold fonts are widely used in titles. This method has many benefits, not only improving the availability of specific content blocks, but also contributing to the space and structure in the organizational design. Netsetter has done a very good job in this regard. As you can see, the title Font is very large and there are a lot of white spaces around it, which is very easy to read.



Line spaces and Character Spacing
Viget's website is a perfect example of how important fonts are to webpage design. The following portfolio display page shows how large fonts help create open spaces. Even with this refreshing thin line, they use wide white spaces. Another commendable part is their brilliant choice for line height [blank lines. The row spacing is set much larger than the default value, greatly enhancing text readability. Maybe you can try this technique in your own design next time.



Web Design Ledger, with emotion Fonts
To find the perfect font, You need to constantly try and fail, or you can also select the font Based on the font's "Emotion. In the following example, Web Design Ledger is full of open emotions and modern feelings while giving people a sense of retro and old. The key to his success lies in choosing a font that can arouse people's emotions. Henry Jones (the designer of the site) chose a popular traditional Linder font for the title: Georgia, which provides great benefits for the implementation of nostalgia. The modern sense comes from a completely different font from the title-the Helvetica font used in the main content, a nonlined, slide, and open font.



Quick decision on font selection in web design
After reading the above good examples, you will be more comfortable using fonts in the future. But why do they feel so good? Next time in your own design, how should you use it?

Readable?
Do not try a bold font.
Have you considered spacing?
Spacing has a great influence on readability.
What kind of emotion does your font bring?
Make sure the font matches your design style
There are still a lot of points worth attention in this regard, but I am not an expert in this regard, I just learned how to appreciate those excellent fonts. If you want to learn more about this, we strongly recommend that you read this article from Smashing Magazine.

 

Author lixinstudio