Web page font design: A fine example of font usage

Article Description: It's not just about what you say, but how you say it, right? Depending on your purpose, we can try more and be more creative in typography. We can boldly use large characters, bold, or novel and unique handwriting. We should always remember that fonts have to be readable, because if no one can read them, there is nothing to show off the font. If you set the rhyme

First impressions are usually an ongoing impression. Whether you realize it or not, your layout can help users build an experience before they even start reading a word or click a button. The layout is not just about a story, it tells the user is behind the site and what the people behind it are doing. The processing of the font creates an atmosphere, as well as a long recollection of the tones of the voice.

You need to ask yourself, what do you want to express and how do you want to express it? Think about the user: What do you want them to feel and experience when the page loads? Layout to establish a communication model, but also to express the personality of a website. The choice of fonts will determine how people respond to your site.

The following websites have very obvious personalities, most of them are created by layout. Admittedly, sometimes they are not perfect (unfortunately, performance is often a problem), but they attract users by using fonts to generate interest. Good Web layout is not only a good visual processing, but also pay attention to speed. Many designers have completely neglected performance. Please note: These sites are not tested on older browsers or mobile devices. Of course this is not the gist of this article. Instead, we'll look at the interesting typography and the innovative use of fonts at close range.

Refined Font usage examples

Now start to keep up with the fonts to elope and experience the fantastic font design journey.

Playful

Wow, this site is really humorous! The tone of the site is not based solely on the character of the font, but on the way it is formatted. It breaks the order of our regular communication. Usually you see an axially symmetrical layout in a printed poster, which is usually impressive. In this site, the choice of fonts is not very personalized decorative or very fun decorative fonts, it is a very simple use of sans serif fonts. A great background design tactile experience that guides the direction of reading and the movement of the head from side to side when the user reads the text of the site.

Atelier

All parts of the site are worth paying attention to. The entire page is grouped together by different elements to have a dynamic. The website logo is a wide but elegant typeface that creates a design tone. The sense of movement is created by a slanted line that is consistent with the tilt of the first letter "a" in the logo, creating the rhythm of the site. The slide preview captures your eyeballs deeply, and the picture is so big that you feel unfettered. However, the background image of this site actually has: 2560*5350 pixel, 2.4MB, ouch!

Cirp

The site designed for the vineyard is unique and innovative, designed like an old-fashioned poster. This beautiful website design succeeded in finding a feeling of wine. I like the shadow behind the "Russian River" that follows the movement of your mouse and creates motion on an additional static page. The main disadvantage of this place is that, in a sense, text is embedded in the Web site as an image, it may make the text can not be copied and pasted. And, of course, similar designs are created that require not less than 3.4 MB and 43 HTTP requests.

Max Di Capua

The layout and typography are mixed together by a set of template systems, usually with several parts overlapping. The method of this layout is very refreshing because it is not rigid and very easy to change. Typography is the same feeling, because they all have a lot of spacing, whether it's a large amount of text or a dense text. Title and descriptive text, which appears next to the artwork in an easy-to-read, sans-serif font.

Rijksmuseum

A very common font of large letters within the entire screen range, but also extended to the entire page. Makes "Rijksmuseum" look much larger than in reality. The home page shows the museum's content by looping through beautiful pictures. Navigation is also interesting: when you click, it slides down and lets you select subdirectories. The size of the entire site is only 955KB and 31 HTTP requests--the optimizations are great.