9 tips on typography site
Typography for a web site is a rather important design element that is not expressed very strongly in Runet. This question is more often raised on English-speaking foreign design blogs,…

Continue reading →

Web design illustrations are the best examples of use.
If you carefully study any selection of website designs on a particular topic, you will see one trend - illustrations are now in vogue. They are so widespread that we…

Continue reading →

Web design where to start - how to become a web designer yourself and start a successful career
Want to learn how to become a web designer yourself? Or maybe you already have several of your designs, and you would like to bring your skills to a new…

Continue reading →

9 tips on typography site

Typography for a web site is a rather important design element that is not expressed very strongly in Runet. This question is more often raised on English-speaking foreign design blogs, we have practically no attention paid to it. No, of course, when creating a layout, most designers think about fonts, design, but very modest and few. Therefore, probably, in Runet you can count on your fingers the number of projects with bright creative and non-standard typography, more than the standard dull “gray” design: 

Perhaps this is why Dmitry Naumov decided to share an interesting guest post on the topic. Dima concurrently, by the way, is the author of a very useful project Converlab – “Design. Usability Conversion. “So, let’s go directly to the tips, they will be a great addition to the article on trends in typography of sites.

1. SELECT FONT
A lot depends on the choice of font. Font design determines the mood, conveys “character”, and indeed has a strong influence on perception. Choose the font that matches the style and concept of your site. For example, a traditional serif font, like Times Roman, will go for a “traditional” design, a sans-serif font, Arial or Helvetica, can be used for a “modern” design;

2. FONT SIZE
Particularly important is the font size of the main body of the text. The heading / subheadings can be grotesquely large and clumsy, but the main text should be comfortable, which is possible only with optimal size. This is usually 12-16 px;

3. STYLE SET
The font should not be monotonous, gray mass is not pleasant to read. Develop a style system for headings and subheadings (H1, H2, H3, etc.), quotes, main text, and the like. Use different font sizes for this, variants of its type, perhaps for contrast for this purpose, use another font (especially for headings or quotations);

4. ACCENT
Important places in the text must be allocated in bold or italics. The main thing is not to overdo it. Emphasis is on it and emphasis then on what should be used dosed out;

5. COLUMN WIDTH
In traditional typography, much attention is paid to the width of the column, for this reason the text is divided into columns in newspapers and magazines. If the string is too long, it is not convenient to read it. Because it is too far to translate the view from the end of one line to the beginning of the next. The short line is also not good. The optimal string length is in the range of 70-140 characters;

6. INTERLINEAG (LEADING)
Leading (Leading) – the distance between the lines. If it is small, it has a negative effect on readability. Too much Leading promises nothing good either. In general cases, you are likely to fit 2-4 points more than the font size;

7. GENERAL STRUCTURE OF THE PAGE
Ideally, a single grid should be used on the page. In this way, you can achieve a harmonious look for the whole site. Try to use common rules and styles (which you came up with) throughout the site;

8. COLOR AND CONTRAST
The text should be well read, for this it should be a contrast. It is better to use the classic black and white solution, this combination has the greatest possible contrast, so it is most convenient to read. The remaining combinations should be tried with great care.

9. WHITE SPACE
White space is not an emptiness, but an important design element. Do not sculpt the elements too closely, always leave some “air”. This way you can achieve a clean, light, pleasant design.

The ideal form of authorization - how to do it is not necessary (errors and tips)
Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login unit. Recently, a…

...

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

...

Web 2.0 style design: simplicity as art
In the fall of 2005, with the help of the publisher Tim O’Reilly, the term Web 2.0 was firmly included in the lecture of web developers. Like any new term,…

...

What can you learn in Japanese website designs?
Back in 2014, we published an interesting selection of designs of Japanese anime sites. Surely you can guess that the works there are presented quite specific and original. They are…

...