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

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

1.Двух-трех шрифтов достаточно

Если использовать на сайте больше трех шрифтов, сайт начнет походить на творение новичка… ну или доктора Франкенштейна.

2.Стандартные шрифты – самый крутые

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

3.Контраст – всему голова

Еще один важный момент – это читабельность текста, которую во многом обеспечивает контраст с фоном. Нормальное соотношение контрастов составляет где-то 4:1.

4.Кричать на читателя – признак плохого тона

Речь, разумеется, не о буквальном крике, а НАПИСАНИИ НЕКОТОРЫХ ТЕКСТОВЫХ БЛОКОВ КАПСОМ. Пожалуй, это худший акцентный инструмент. Гораздо лучше выделить важные моменты с помощью жирного текста.

5.Нет висячим строкам

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

6.Длина строк

Слишком длинные, как впрочем и слишком короткие строки – явно не лучшая форма подачи текстовой информации на сайте. Идеальная длина строк в десктопной версии сайта – 60 символов, нормальная – 40-70 символов.

7.Внимание мобильной версии

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

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

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

9.Откажитесь от переносов

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

10.Не используйте Comic Sans

Вообще никогда.

Вот такие 10 заповедей типографики. Сохраните и пользуйтесь на здоровье. Удачи вам и крутых макетов!