Держите на заметку! Принципы хорошей типографики на сайте.
30 Ноября 2015
При создании и наполнении сайта контентом очень важно понимать и применять основные принципы типографики.
Эта статья, как небольшой чек-лист, будет служить вам верой и правдой.
Читайте и берите на заметку.
- Соблюдайте правильную иерархию контента
Чтобы заголовки, основной текст и изображения на веб-странице отображались гармонично и логично, используйте систематическую иерархию информации, которая облегчит ее восприятие пользователями.
- Создавайте читабельный текст
В эпоху информационных технологий и ежедневного сидения за компьютером, не все люди могут похвастаться 100% зрением и важно учитывать их потребности.
Поэтому, задавайте размер текста на сайте не менее 14px, а лучше 16px.
- Используйте простые шрифты (без засечек)
Шрифты без засечек лучше воспринимаются пользователями сайтов и придают “лайтовый” эффект в дизайне. Выберите, например, один из популярных шрифтов - Open Sans, PT Sans, Arial.
- Не используйте много разных шрифтов на странице
Старайтесь соблюдать гармонию в контенте и лучше если шрифтов на одной странице будет не более 2 видов. Например, основной шрифт текста, и отдельный шрифт для цитат.
- Увеличьте междустрочный интервал
Текст должен легко восприниматься от абазаца к абзацу и если вы сделаете межстрочный интервал побольше, например задаем CSS свойство line-height: 24px;
- Уберите верхний регистр, особенно в основном тексте
Использование верхнего регистра в тексте усложняет его восприятие, поэтому используйте этот формат очень аккуратно, например в списке меню.
- Сократите ширину строки
Оптимальная длина строки составляет от 40 до 60 символов, таким образом текст будет легче восприниматься глазами и не нарушать ритм чтения пользователя от перескакиваний со строки на строку.
- Не используйте выравнивание по центру, если в этом нет необходимости
Центрировать лучше элементы, которые нужно выделить в тексте и работать с этим форматом нужно крайне аккуратно. По центру можно выровнять, например, цитаты.
- Создайте контрастный цвет текста и фон
Если использовать слабо насыщенные цвета, то пользователю сложно будет воспринимать написанный текст и от усталости он быстро покинет сайт.
Наоборот, контрастный и гармоничный в сочетании с фоном шрифт будет привлекать и затягивать читать далее.
В комментариях поделитесь своими собственными секретами качественной типографики.
Автор статьи: Александр Надточий
Понравилась статья? – Поделитесь ссылкой::