VIDEMIND

Шрифтовые пары

6 материалов

Два голоса, которые не спорят

Сочетание шрифтов: принципы подбора пар, контраст и родство, иерархия, готовые связки для сайтов, изданий и айдентики.

Два голоса, которые не спорят

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

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

Роли в системе

Три роли покрывают почти любой проект, и смешивать их не следует.

  • Дисплейная — только заголовки, крупные акценты, обложки.
  • Текстовая — тело материала, лид, цитаты.
  • Интерфейсная — навигация, метаданные, подписи, кнопки.

Технический критерий, о котором забывают

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

Проверяется просто: наберите одно слово обеими гарнитурами одним кеглем и сравните высоту букв «о» и «х».

Что читать в этой теме

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

Когда пара не нужна вовсе

Вопрос «какую вторую гарнитуру взять» задают чаще, чем вопрос «нужна ли она». Между тем одна хорошо оснащённая гарнитура с пятью-шестью начертаниями решает большинство задач: иерархия строится насыщенностью, кеглем и капителью, а единство набора получается само.

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

Коротко

Как подобрать шрифтовую пару?
По контрасту (антиква и гротеск, дисплей и нейтральный текстовый) или по родству (одно суперсемейство, гарнитуры одного автора). Худший вариант — две похожие, но разные гарнитуры: разница читается как ошибка.
Сколько уровней иерархии различает читатель?
Три на одном экране. Четвёртый и пятый воспринимаются как шум. Соседние уровни должны отличаться минимум на 25–30%: разница в два-три пикселя не читается как иерархия.
Только размером задаётся иерархия?
Нет, инструментов шесть: размер, вес, регистр, цвет, положение и гарнитура. Комбинация двух-трёх даёт более отчётливую структуру, чем шкала из шести размеров, отличающихся на пару пикселей.
Что такое микротипографика и зачем она нужна?
Неразрывные пробелы после предлогов, кавычки-ёлочки, тире вместо дефиса, правильные диапазоны чисел. По отдельности незаметно, в сумме определяет ощущение качества текста. Внедрять лучше программно на этапе рендера.

Главный материал темы

Все материалы темы

Следующая темаКириллические шрифтыСвой алфавит требует своего отношения10 материалов