High-quality web design: Examples and techniques of the three (text arrangement and font selection tips)

Although most designers do not personally write the actual content of the site, they are still critical to the overall quality of the content. The designer's role is to ensure that the content is presented in a way that is readable enough. There are many ways to keep your fonts readable and easy to use, but I'm not going to give you any rules or terms that you can do or what you can't do, and I bring you examples and analysis of clever use of fonts.

Carefully consider the instance of the font
The big and beautiful fonts on the Netsetter
In web design, headlines are important, especially for blog designs. The recent popularity of using large and thick fonts on the headlines. This has many benefits, not only to improve the availability of specific chunks of content, but also to help organize the space and structure in your design. Netsetter do very well in this respect, as you can see, the title font is very large, surrounded by a large number of white, very easy to read.

Space between lines and character spacing
Viget's website is a perfect example of how important fonts are to web design. The following from their Folio Display page, once again shows how large fonts help create open spaces. Even with this refreshing hairline, they use a wide margin. Another commendable point is their excellent choice of line height [inline blank]. Line spacing is set much larger than the default value, greatly enhancing the readability of text. Maybe next time you can try this technique in your own design as well.

Web Design ledger, with mood fonts
Finding the perfect font requires constant attempts and failures, or you can choose the font based on the "emotion" that the font represents. In the following example, the Web Design ledger, while giving people a retro and old sense, is also full of open emotions and modernity. The key to his success lies in the choice of fonts that evoke the corresponding emotions. Henry Jones, the designer of the station, has chosen a popular traditional serif font for the title: Georgia, which provides a great benefit to the realization of the nostalgic vintage wind. Modernity comes from fonts that are completely different from the headline-the Helvetica font used for the main content, a non-lined, slippery, open font.

Quick decision on font selection in web design
Looking at so many good examples above, in the future you should choose font to be more handy. But why do they feel so good about people? How do you use the next time in your own design?

Is it readable?
Don't be afraid to try coarse fonts.
Can you think about the spacing?
Spacing is a big determinant for readability
What kind of emotion does your font bring?
Make sure the font selection fits your design style
There is a lot of attention in this area, but I'm not an expert on this, I just learned how to appreciate those very good fonts.

The above is high-quality web design: Examples and skills of the third (text arrangement and font selection of the know-how), more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

