Цапля

Визуальное восприятие шрифта. Выбор шрифта для сайта

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

История и устойчивые ассоциации

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

Размеры пространства, поля

Размеры пространства, на котором будет располагаться текст, поля влияют не только на удобство чтения, но и на впечатление, которое производит текст как часть композиции. Он может выглядеть плотным пятном (набранный жирным шрифтом маленького размера с очень низким интерлиньяжем), сжатым в маленькое пространство, а может выглядеть воздушно и легко. Шрифт в формате с большими полями может придавать тексту впечатление важности и значительности, тот же шрифт в формате с маленькими полями будет смотреться нелепо.

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

Впечатление о размере шрифта

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

Подчеркивать роль текстового элемента в композиции

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

Учитывать специфические особенности аудитории

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

Учитывать назначение текста

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

Выбор нескольких гарнитур

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

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

Собственные атрибуты

Наконец, на восприятие любого шрифта оказывают влияние его собственные свойства: размер, регистр, начертание, контрастность, вес.