Держите на заметку! Принципы хорошей типографики на сайте.

30 Ноября 2015

При создании и наполнении сайта контентом очень важно понимать и применять основные принципы типографики.

Эта статья, как небольшой чек-лист, будет служить вам верой и правдой.

Читайте и берите на заметку.

Соблюдайте правильную иерархию контента

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

Создавайте читабельный текст

В эпоху информационных технологий и ежедневного сидения за компьютером, не все люди могут похвастаться 100% зрением и важно учитывать их потребности.

Поэтому, задавайте размер текста на сайте не менее 14px, а лучше 16px.

Используйте простые шрифты (без засечек)

Шрифты без засечек лучше воспринимаются пользователями сайтов и придают “лайтовый” эффект в дизайне. Выберите, например, один из популярных шрифтов - Open Sans, PT Sans, Arial.

Не используйте много разных шрифтов на странице

Старайтесь соблюдать гармонию в контенте и лучше если шрифтов на одной странице будет не более 2 видов. Например, основной шрифт текста, и отдельный шрифт для цитат.

Увеличьте междустрочный интервал

Текст должен легко восприниматься от абазаца к абзацу и если вы сделаете межстрочный интервал побольше, например задаем CSS свойство line-height: 24px;

Уберите верхний регистр, особенно в основном тексте

Использование верхнего регистра в тексте усложняет его восприятие, поэтому используйте этот формат очень аккуратно, например в списке меню.

Сократите ширину строки

Оптимальная длина строки составляет от 40 до 60 символов, таким образом текст будет легче восприниматься глазами и не нарушать ритм чтения пользователя от перескакиваний со строки на строку.

Не используйте выравнивание по центру, если в этом нет необходимости

Центрировать лучше элементы, которые нужно выделить в тексте и работать с этим форматом нужно крайне аккуратно. По центру можно выровнять, например, цитаты.