Аналитика в действии

Разборы типографских решений

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

Разбор месяца

Подробный анализ

Разворот книги по архитектуре в стиле швейцарского типографского дизайна: строгая двухколоночная сетка, заголовки набраны гарнитурой Helvetica Neue, основной текст — Times New Roman, выровненный по ширине колонки, с точными полями и каплетами в начале абзацев
Книжная вёрстка

Типографика академического издания: баланс между строгостью и читаемостью

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

Выбор основного шрифта. Miller Text (Miller & Richard Foundry) вместо ожидаемой Times New Roman. Решение обосновано: у Miller более равномерный чёрно-белый ритм при книжном кегле 10 пт, острые засечки лучше держат форму при офсетной печати на слегка шероховатой бумаге.

Интерлиньяж. 14 пт при кегле 10 пт — коэффициент 1.4. Это нижняя граница рекомендуемого диапазона для книжного текста, оправданная шириной колонки (52 знака): более тесный набор допустим при коротких строках.

Сноски. Часто компрометируемая зона в научных изданиях. Здесь: отдельный кегль 8 пт, тот же шрифт, интерлиньяж 11 пт — строгое математическое соотношение, сохраняющее иерархию без визуального разрыва.

Коллекция разборов

Все типографические кейсы

Разворот журнала о дизайне: крупный заголовок набран антиквой с засечками в три колонки, фотография занимает половину разворота, тонкие горизонтальные линейки разделяют рубрики, колонтитулы набраны капителью
Журнальная вёрстка

Архитектура разворота в журнале о современном искусстве

Журнальный разворот — поле борьбы между редакционными и рекламными интересами. Типограф решает задачу создания «якорей» для взгляда читателя при одновременной навигационной прозрачности. В этом кейсе — трёхколонная сетка с «выбитой» иллюстрацией через все колонки.

Шрифтовая пара: Canela для заголовков (высокий контраст штриха, характерный для современных антикв) и Söhne для текста (нейтральная гротеска, восходящая к Akzidenz-Grotesk). Контраст между засечным и рубленым создаёт нужное иерархическое напряжение.

Особого внимания заслуживает работа с «воздухом»: внутренние поля значительно шире внешних, что создаёт ощущение раскрытого пространства. Это типичный прием журналов уровня Wallpaper* и Monocle.

Об иерархии
Экран компьютера с открытой страницей документации дизайн-системы: таблица размеров шрифтов от xs до 5xl, образцы гарнитуры Inter в различных начертаниях, цветовые токены для типографики на светлом фоне
Веб-дизайн-система

Типографическая шкала в дизайн-системе SaaS-продукта

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

Основа — модульная шкала с коэффициентом 1.25 (Major Third). Базовый размер 16 пх, шкала порождает 7 уровней заголовков и 3 уровня вспомогательного текста. Интерлиньяж зафиксирован через CSS custom properties: --line-height-tight (1.25), --line-height-base (1.5), --line-height-loose (1.75).

Шрифт — Inter Николаса Галаурана. Выбор обоснован исключительной читаемостью при малых кеглях на экране, открытыми апертурами, которые предотвращают слияние знаков, и свободной лицензией OFL.

О веб-типографике
Навигационная система аэропорта: крупные указатели с белым текстом на тёмно-синем фоне, набранные шрифтом Frutiger, многоязычные подписи с четкой иерархией размеров, стрелки указывают в различных направлениях
Навигационный дизайн

Шрифт Frutiger как система навигации: история одного заказа

История шрифта Frutiger (1975) — один из самых показательных кейсов прикладной типографики. Адриан Фрутигер получил заказ на разработку навигационной системы аэропорта Шарль де Голль. Техническое задание определило всё: читаемость на высокой скорости, с различных углов и расстояний.

Результатом стал шрифт с принципиально открытыми апертурами — буквы «c», «e», «a» имеют значительные разрывы, предотвращающие их слияние в условиях периферийного зрения. Вертикальный стресс (в отличие от диагонального у Optima) обеспечивает стабильность при взгляде под углом.

Сегодня семья Frutiger Next и её цифровые продолжения используются в навигационных системах по всему миру, включая аэропорты Северной Америки и системы городского транспорта США.

О классификации шрифтов
Короткие разборы

Детали, которые решают всё

Длинное тире vs дефис

Одна из самых распространённых ошибок в цифровой типографике. Дефис (-) используется для переноса и составных слов. Среднее тире (–) — для числовых диапазонов и пауз. Длинное тире (—) — для выделения мыслей. Правильное использование — признак профессиональной вёрстки.

Принципы типографики

Капитель вместо прописных

Слова, набранные заглавными буквами обычного кегля, выбиваются из оптического ритма строки. Настоящая капель (small caps) проектируется с увеличенным трекингом и чуть более тёмным цветом заливки — она гармонично вписывается в строку как её равноправный элемент.

Типографическая иерархия

Истинные дроби OpenType

Форматирование дробей через обычные цифры с косой чертой (1/2) визуально несостоятельно. В шрифтах с поддержкой OpenType активируйте функцию frac: глифы автоматически сформируют корректные пропорциональные дроби с правильными позициями числителя и знаменателя.

Классификация шрифтов

Хотите предложить кейс для разбора?

Мы принимаем проекты от практикующих дизайнеров. Пришлите материалы через форму контакта.

Предложить кейс