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

30 Ноября 2015

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

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

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


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

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


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

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

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


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

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


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

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


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

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


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

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


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

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


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

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


  1. Создайте контрастный цвет текста и фон

Если использовать слабо насыщенные цвета, то пользователю сложно будет воспринимать написанный текст и от усталости он быстро покинет сайт.

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


В комментариях поделитесь своими собственными секретами качественной типографики.

Автор статьи: Александр Надточий

Понравилась статья? – Поделитесь ссылкой::