The Basics of the Basics

Accurate, factual information from observations
Post Reply
rakib432
Posts: 5
Joined: Sat Dec 21, 2024 3:19 am

The Basics of the Basics

Post by rakib432 »

The principles of web page text design are as old as the world, but I, like Matroskin the cat, increasingly notice that it seems like someone hasn't studied them. No need for this, let's fix the situation.

1. Font

To stop you from torturing yourself with the choice between Monotype Corsiva and Segoe Script, I will tell you right away - forget it. Such a font is completely unreadable, especially in a large mass of text. For website design, it is best to use fonts from fonts.google.com and webfont.ru , unless, of course, the customer has not provided you with their own version.

In addition, the human eye has a hard time adjusting to many different active telegram number data fonts, so there is no point in using more than 3 fonts. The same applies to fonts, if you highlight important points in italics, then this should be the case throughout the text, there is no need to make it bold or underline it.

2. Font size

There is one immutable rule - in the web space the text size is not less than 12 pixels. Optimally - within 14-18 px for the main text, and in whole values, without decimal fractions. And, most importantly, if you have chosen a size of 16 px for the main text, then it should remain so on absolutely all pages of the site.

Image

3. Line spacing

Want me to tell you a secret? The most important thing in all typography is to find your balance in line spacing. With other average parameters, it should be about 1.5 times larger than the font size itself, it is much more comfortable to read, check it out yourself.

It is equally important to maintain the correct spacing between headings and the main text. The correct distance above the heading is always greater than below it.

4. Contrast

It would seem obvious: dark background — light text, light background — dark text. We would like to end this once and for all. But no, we again and again enter into a war with the customer's desire to make "turquoise text on a beige background."


5. Text alignment

Well, that's a classic. Honestly, someday I'll go out into the street with a banner: "Down with center and justified alignment!" Always, please, always, align your text to the left. That's how the lines break, creating a "ragged" edge on the right. And that's normal for a website! Firstly, it's very convenient for reading, because it's easier for the eye to separate one line from another without losing the train of thought. Secondly, the web doesn't have automatic hyphenation, and the distances between words can be simply catastrophic, especially if the website design is adaptive.

6. Limit line length to 50-60 characters

It's very simple. When the line length is more than 50-60 characters, the reader's gaze risks losing the thread of the narrative, stumbling, or moving to the wrong line. This is tiring. Of course, you can vary the line length as you like, but when you get closer to this indicator, your texts will start to be read much more willingly.
Post Reply