Типографика. Правильно ли вы используете шрифт?

Типографика. Правильно ли вы используете шрифт?

Типографика. Правильно ли вы используете шрифт?

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


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

Антиква или гротеск?

Конечно может некоторые сейчас не сильно поняли, что за антиква, а что за гротеск, поэтому будем называть их чуть более привычными названиями: с засечками (антиква, serif) и без засечек (гротеск, sans-serif). Тут есть одно правило, которого просто жизненно необходимо придерживаться: никогда не используйте в маленьком кегле (8-14) антикву! Засечки в таком случае начинают создавать «монолитность» тексту и его становится куда тяжелее читать. Ставьте антикву в заголовках и прочих крупных вещах, для всего остального есть мастеркард гротеск.


Использование заглавных букв в тексте.

Тут давно действует избитое правило: «Заглавным буквам всегда необходимо разрядка» и оно правдиво на все 100%, но до сих пор можно встретить сайты студий веб-дизайна(!), которые похоже плевать на это правило хотели или просто о нём не знают. Излишняя правильность заглавных букв заставляют их слипаться, что очень напряжно для глаз. Пожалуйста, делайте разрядку и пользователь в долгу не останется.


Интерлиньяж (межстрочный интервал)

Избитое право, которое так же частенько игнорируется большим числом дизайнеров. Тут рекомендация простая: 1.5em и будет вам счастья. Это не так сложно, но при этом даст пользователю комфорт при чтении большого текста.

Контраст

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


Текстовые шрифты

Используйте текстовые шрифты. Отставить декоративщину. Она хороша, но только для выделения блока. Никогда не пишите декоративным шрифтом большие блоки текста. Это затрудняет чтение!

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


Оригинал статьи в блоге автора