5 основных правил верстки

Несколько секретов и правил верстки и типографики от нашего агентства:

• Что нужно делать и как не надо совершенствовать типографику.
• Как не нужно, но можно работать с версткой, если сильно хочется.
• Как лучше обработать контент визуально, чтобы привлечь больше пользователей.

Забота о читателе формирует лояльность. «Не причиняйте глазам боль» – такой девиз подойдет к нашей сегодняшней статье. Разбираемся в шрифтах, их размере, а также визуальном комфорте для читателей.

Используйте ТОП-5 правил верстки текста в цифровой или реальной среде, приведенные ниже, и ваш текст станет намного популярнее в ленте или блоге.

Допустимое количество шрифтов

Мы рекомендуем использовать как минимум — один, а как максимум… тоже один. Если очень хочется и не колется, и вообще необходимо, так и быть, добавляйте. Но не забывайте следовать правилам:

• Старайтесь использовать шрифты разных классификаций, чтобы текст был действительно красивым.
• Перед тем, как изменить шрифт, пробегите по тексту глазами. Подумайте, действительно ли нужно что-то добавлять.
• Ни в коем случае не применяйте больше 3 видов начертания. Потому что это сбивает с толку читателя и не даёт возможности сосредоточиться на информации.

Старайтесь уложиться в один шрифт. Также допускается использовать нововведения в заголовках, цитатах или сносках.

Толщина начертания шрифта

В наших правилах верстки — принцип «перепрыгивать через одного». Методика применяется только при необходимости сменять толщину начертания шрифта. Намеренно искажать внешний вид не стоит. Как работать с данной методикой:

• Перескакивание «через один» предполагает использование любых структурных единиц текста.
• Один из лучших вариантов перескока, например, заголовок Bold/текст Light.
• Выделение начертанием шрифта в тексте возможно чередованием цитат или сносок с текстом. Интересное сочетание – выделения Extrabold и текст Medium.

Как и с числом шрифтов, не стоит ударяться в провальный креатив. Применяйте не более трех разных начертаний, чтобы текст не пестрил.

Универсальная схема размеров шрифта

^{Если писать} текст вот _так, никто не будет его читать. Запомните одно правило – шрифт увеличивается ровно в 2 раза! Ни больше и ни меньше! Не в 3,14, не в 65. Не нужно менять размер шрифта отдельно в цитатах, заголовках, сносках и прочих выделяемых фрагментах. Если в заголовке 20pt, в тексте 10pt – все четко, строго и просто.

Не увлекайтесь креативом в шрифтах

Если 5-7 лет назад маркетологи творили невесть что для привлечения клиентов, сегодня все изменилось. Современные тенденции и нормы визуального восприятия сходят к абсолютному минимализму. Чем лаконичнее текст и его оформление, тем выше его шансы на успех. Если не можете определиться, все ли корректно сделано — следуйте правилам, каким должен быть шрифт:

• простым и читаемым, без лишних крючков и закруглений;
• иметь многообразие написаний, чтобы разнообразить «простыню» текста;
• хорошо вписываться в современный дизайн и общее оформление сайта.

Для качественного результата следует проверить отображение верстки на нескольких платформах. Самыми универсальными считаются Avenir, Avant Garde, Bell Gothic, Bodoni, Caslon, Courier, Futura, Garamond. Наиболее комфортными для чтения также будут Helvetica, Letter Gothic, Memphis, Meta, Rockwell, Trade Gothic.

Используйте стандартное выравнивание

В современных лэндингах стало модно делать центрирование текста – это неправильно. Не нужно изобретать велосипед, выравнивайте по левому краю. Потому что, это самый удобный, оптимальный и привычный вариант. Читаем мы слева направо и сверху вниз. Если работа ведется над проектом с иными культурными принципами, допускаются изменения, но тем не менее:

• Строгое выравнивание на ширину строки — не самый лучший вариант. Такой подход значительно разряжает состав слов и их сложно читать.
• Выравнивание по правому краю – моветон, к которому прибегают, чтобы привлечь внимание к посредственному тексту.
• Выравнивание по центру не всегда оправдано и красиво смотрится на веб-странице. Поэтому к данному способу верстки нужно подходить осторожно.

И, самое главное правило — смотрите на текст «со стороны». Рекомендуется сделать верстку, а после взглянуть на свежим взглядом. Интуиция и ваше чувство меры и гармонии подскажут верный ход. Если вам будет удобно и приятно читать текст, вероятно, его оценят и клиенты сайта.