Насыщенность. Шрифтовой контраст НЕдизайнеров

Купить книгу

Насыщенность шрифта означает ни что иное, как толщину штриха.

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

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

4-9-09
Это примеры разных вариантов насыщенности, обычно встречающихся в одной гарнитуре. Обратите внимание, что между начертанием Light (Светлое) и тем, что следует за ним (обычное, среднее или книжное) нет особого контраста. Нет его и между начертаниями Bold (Жирное) и Semibold (Полужирное). Создавая контраст при помощи насыщенности, действуйте смело. Слабо выраженный контраст выглядит как ошибка.

 

4-9-10-another-newsletter
Помните эти примеры, которые были приведены в начале? На примере слева шрифты стандартные: в заголовках – Helvetica, в основном тексте – Times обычной насыщенности. На примере справа основной текст тоже набран гарнитурой Times, а вот для заголовков я выбрала более насыщенную гарнитуру Aachen Bold. И даже такое незначительное изменение, как замена шрифта более насыщенным, сделало страницу намного ярче и привлекательнее (для названия тоже выбран более насыщенный шрифт, а для усиления контраста оно напечатано вывороткой).

 

4-9-11-tavern
А этот пример мы видели ранее. Заменив прописные буквы в названии строчными, я смогла увеличить не только кегль, но и толщину штрихов. В результате визитка стала более контрастной и визуально более интересной, а жирный шрифт выделяет смысловой центр.

 

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

4-9-12-contents
Выделив заголовки жирным шрифтом, вы сделали важную информацию заметной и притягивающей взгляд. А еще здесь применен повтор (один из четырех основных принципов дизайна). Я также добавила чуть-чуть свободного пространства над каждым заголовком, чтобы объединить заголовки и соответствующие им подзаголовки (принцип приближенности).

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

4-9-13-page
Унылая серая страница способна отпугнуть читателя. А благодаря контрастному жирному шрифту он быстро просмотрит главные мысли и с большей вероятностью прочтет остальной текст.