Как это работает
Сочетание шрифтов в дизайне и подбор по карте признаков
Подбор шрифтов — классическая проблема в мире дизайна. Разные шрифты могут использоваться для привлечения внимания, направления взгляда или даже для формирования основ фирменного стиля.
Что такое неудачные сочетания?
Сочетание очень похожих, но лишь немного отличающихся шрифтов создаёт визуальный конфликт. Это, по сути, основной принцип дизайна — контраст важен не только при выборе шрифта, но и цвета и расположения элементов.
Шрифты, которые никак не связаны между собой, тоже не очень хороши. Замысел — ещё один основополагающий аспект дизайна: вещи, которые выглядят случайными и хаотичными, как правило, вызывают ощущение диссонанса (если, конечно, вы не стремитесь именно к такому эффекту).
Что обычно работает
Распространённый способ — шрифты из одного семейства или созданные одним дизайнером. Другой подход — согласование типографических параметров: высоты строчных, верхних и нижних выносных элементов. Удачные сочетания, как правило, имеют определённые сходства, но отличаются по какому‑то конкретному признаку.
Карта контраста
Если упростить и посмотреть графически, можно представить карту: ось Y — толщина, ось X — угол наклона. Шрифты по разные стороны графика, скорее всего, хорошо сочетаются, потому что сильно контрастируют. Чем дальше — тем сильнее контраст.
Лучше выбирать пары, расположенные далеко и ориентированные вертикально или горизонтально: у них есть одно общее измерение (похожий вес или схожий наклон).
Добавим ось Z для шрифтов с засечками и без. Снова лучшие кандидаты — по разные стороны, но параллельно осям. Можно добавить ширину, межбуквенное расстояние, лигатуры — карта станет 4D, 5D, 6D. Визуализировать дальше 3D сложно, но математика та же.
По этой формуле системно ищем шрифты со сходствами и ключевым отличием — например, похожи по наклону и засечкам, но разной толщины. Бывают и «неидеальные» контрасты — похожий вес, но разный наклон и засечки. Не каждая ось приятна глазу, зато карта помогает находить неожиданные связи.
На Font Archive
В терминах признаков координаты на карте — это вектор. Ранжировать вручную десятки параметров нереально на большом каталоге. Здесь вектор строится из метаданных каталога (вес, serif/sans, display, monospace), а кнопка «Сгенерировать» подбирает незакреплённые роли относительно зафиксированных. Плитки с глифом «A» позволяют выбирать форму буквы, а не только имя в списке.
Модуль «Микс» — собственная реализация Font Archive. Сторонние наборы векторов шрифтов мы не подключаем.