Правила веб-типографики: что нужно знать сегодня

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

В этой статье мы рассмотрим несколько полезных советов и правил, которым вы можете использовать при создании текстовой информации.  

Используйте понятные шрифты

Веб-типографика вашего сайта должна быть проста — для этого используйте доступные, легкочитаемые шрифты, которые будут понятны вашей аудитории. Отнеситесь серьезно к выбору основного шрифта — от этого зависит вовлеченность ваших пользователей. 

Используйте крупные шрифты

В 2021 году пользователи чаще всего используют телефоны и планшеты для просмотра любых веб-ресурсов. Поэтому вам необходимо убедиться в том, что контент на вашем сайте удобно изучать с любого смартфона. Для того, чтобы пользователям было комфортно — используйте крупные шрифты для основного текста. Текст размером 15 – 25 px будет разборчив и понятен для пользователей.  

Сделайте заголовки пропорциональными

Заголовки — это некие указатели на вашей веб-сайте. Они помогают пользователю легко ориентироваться на веб-ресурсе, а также без труда перемещаться по страницам с помощью выделения самой важной информации.  

Очень важно, чтобы заголовки на странице выделялись, поэтому убедитесь, что размер вашего текста увеличен как минимум на 180% по сравнению с основным текстом.

Добавьте межстрочный интервал

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

Вам необходимо правильно определить межстрочный интервал — используйте, например, 120–145% процентов от общего размера точки.

Используйте трекинг и кернинг

Трекинг — это метод увеличения или уменьшения плотности текстового блока. Кернинг — это увеличение или уменьшение интервала между парами символов. 

Использование этих параметров поможет сделать ваш текст более аккуратным и легким. С помощью кернинга и трекинга вы разделите все текстовые блоки на странице, что упростит навигацию на вашем сайте для пользователей.

Не забывайте про пробелы

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

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

Ограничьте длину строки

Ограничение длины строки — это отраслевой стандарт. 45–90 символов — рекомендуемая  длина строки. 

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

Придерживайтесь одного шрифта

Подойдите к выбор шрифта со всей серьезностью. Будете ли вы использовать шрифты с засечками или без — все зависит от предпочтений вашей целевой аудитории и от общего дизайна вашего сайта. 

Разработайте структуру и иерархию

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

^{Источник: designshack.net}