Платформа

10 заповедей типографики в веб-дизайне

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

1. Соблюдай правило двух шрифтов

Максимум трех. Если больше, сайт будет выглядеть по-дилетантски.

2. Возлюби стандартные шрифты

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

3. Почитай контраст

Чтобы текст был читабельным, важно обращать внимание на его контраст с фоном. Считается, что соотношение контрастов для мелкого шрифта должно быть на уровне 4.5:1, для крупного – 3:1.

4. Воздержись от вдов и сирот в абзацах своих

Верхняя (англ. widow – вдова) и нижняя висячая строка (англ. orphan – сирота) точно не украсят собой текстовые блоки на вашем сайте. Выравнивайте их с помощью уменьшения межбуквенного интервала, изменения размера шрифта или переноса строки.

5. Не повышай голос на читателя своего

ПИСАТЬ КАПСОМ – худший способ расставить акценты. Лучше попробовать сделать это с помощью жирного текста.

6. Ограничивай себя в длине строк

Нормальная длина строки для десктопной версии – 45-75 символов, совсем идеальная – 60. Постарайтесь соответствовать.

7. Не сотвори десктоп-кумира

Давайте смиримся, что мобильных пользователей в интернете давно больше, чем ПК-шных. Поэтому пилить мобильную версию сайта нужно, не просто уменьшая в размерах десктоп, а создавая отдельный адаптированный дизайн. И некоторые правила типографики для сайта здесь тоже свои. Так, например, идеальная длина строк для мобильной версии не такая, как для десктопа, а 30-40 символов

8. Уважай расстояние между строками

В идеале, межстрочный интервал должен быть на 30-50% больше высоты символов. Это создает в тексте нужный запас «воздуха», чтобы читатель чувствовал себя комфортно.

9. Не возжелай переносов

Если знаков переноса слишком много, это мешает нормальному восприятию текста читателем. Поэтому, если есть возможность, лучше вообще от них отказаться.

10. Забудь о Comic Sans

Навсегда.

Аминь.

 

Похожие материалы:

Секреты веб-дизайнера: как добавить сайту солидности

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Анатомия landing page: что такое надзаг, заг и подзаг?

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера

Поделиться
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 5,00 из 5)
Загрузка...