Руководство по типографике

1. Что такое типографика

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

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

"Типографика существует для того, чтобы приводить язык в честь. Её задача — облачить слова в форму, достойную их содержания." — Роберт Брингхёрст, «Основы стиля в типографике»

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

2. Анатомия шрифта

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

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

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

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

• Антиква (Serif) — шрифты с засечками. Делятся на старостильные (Garamond, Caslon), переходные (Baskerville, Times) и дидонские (Bodoni, Didot).
• Гротеск (Sans-serif) — шрифты без засечек: геометрические (Futura), гуманистические (Gill Sans, Frutiger) и неогротески (Helvetica, Univers).
• Египтянка (Slab serif) — шрифты с толстыми прямоугольными засечками: Clarendon, Rockwell, Memphis.
• Рукописные (Script) — имитация рукописного или каллиграфического письма различных стилей.
• Декоративные (Display) — шрифты, предназначенные исключительно для крупного набора заголовков и акцентных элементов.

4. Типографическая шкала и иерархия

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

Для построения гармоничной шкалы применяется принцип модульного масштабирования: каждый следующий уровень отличается от предыдущего на фиксированный коэффициент. Популярные коэффициенты: золотое сечение (1.618), квинта (1.5), кварта (1.333), основной тон (1.25).

5. Пространство в типографике

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

Межстрочный интервал (лидинг)

Рекомендуемый диапазон лидинга для текстового набора — 120–145% от кегля. При кегле 12pt оптимальный лидинг составляет 14–17pt. Для цифрового набора принято использовать значения 1.4–1.6 в CSS (line-height).

Кернинг и трекинг

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

6. Как выбрать шрифт

Выбор гарнитуры — не интуитивный, а стратегический процесс. Следующие вопросы помогут принять обоснованное решение:

• Контекст применения: печатный носитель или экран? Длинный текст или короткий слоган? Официальный документ или рекламный плакат?
• Целевая аудитория: возраст, культура, ожидания. Юридической фирме подходит Caslon; технологическому стартапу — Inter или Neue Haas Grotesk.
• Ценности бренда: традиционность, инновационность, элегантность, демократичность — разные ценности требуют разных шрифтовых решений.
• Технические ограничения: формат файла, способ воспроизведения, доступные начертания, языковая поддержка.
• Пара шрифтов: заголовочная и текстовая гарнитуры должны контрастировать, но сохранять гармонию. Классическая комбинация: антиква + гротеск.