Содержание:
Что означает термин «веб-типографика»
Веб-типографика, или электронная типографика, – это совокупность правил оформления текста и графических элементов на сайте. Она призвана сделать контент более читабельным, легким к восприятию и пониманию. Электронная типографика – это мощный инструмент, который не только воздействует на подсознание и эмоции посетителя, но и мотивирует совершить целевые действия.
Основные правила
Чтобы понять, что такое электронная типографика, следует разобраться с основными её правилами:
- Простота оформления – добавление необычных шрифтов, анимаций или эмодзи зачастую делают сайт безвкусным и полностью лишенным стиля. Придерживайтесь минимализма.
- Читабельность – стремление за оригинальностью может вызвать дискомфорт у посетителей при чтении. При выборе шрифта не забывайте про юзабилити.
- Привлечение внимания – самое важное в тексте должно выделяться. Второстепенные элементы не должны привлекать много внимания, иначе пользователь не поймет, что ему нужно делать.
- Текст важнее всего – если визуальное оформление сайта перетягивает внимание от текста, то типографика не будет работать. Графика должна помогать выделить текстовый контент, а не скрывать ее.
Также к правилам электронной типографики стоит отнести и общую визуальную гармонию сайта.
Как применять типографику в веб-дизайне
В электронной типографике существует 3 основных понятия, которые отвечают за общее визуальное восприятие контента:
- Шрифт – придерживайтесь стандартных легко читаемых форматов, не применяйте более 2-3 разных шрифтов на сайте. Проверьте корректность их отображения на разных устройствах и в популярных браузерах.
- Цвет – используйте сочетаемые между собой оттенки. Важные текстовые блоки, кнопки и элементы интерфейса выделите цветом, чтобы пользователи сразу обращали на них внимание.
- Оформление – играет большую роль в восприятии текста пользователем. По правилам веб-типографики нужно следить за межстрочным интервалом, ограничить длину строки (не более 60 символов), а также не использовать капслок. В статье «Как правильно оформить текст на сайте» вы узнаете об этом более детально.
Всё это влияет на поведенческие факторы. Из этого следует сделать вывод, что экранная типографика – один из факторов, влияющих на эффективность SEO-продвижения.