Кернинг: зачем нужен и как применять в типографике

Если вы когда‑нибудь задавались вопросом, почему некоторые буквы в тексте выглядят слишком «слишком удалёнными» или «слишком близкими», ответ кроется в кернинге. Это простое, но мощное средство типографики, которое помогает сделать дизайн более читаемым и эстетичным.

Ключевые выводы

• Кернинг регулирует расстояние между отдельными парами букв, а не общий интервал текста.
• Он улучшает визуальную читаемость, особенно в заголовках и логотипах.
• Кернинг отличается от трекинга (общий интервал) и лидинга (расстояние между строками).
• Настраивать кернинг удобно в большинстве графических редакторов и в системах OpenType.
• Чрезмерный или недостаточный кернинг ухудшает восприятие текста, поэтому важно проверять результаты на разных размерах.

Что такое кернинг?

Кернинг - это процесс точечного регулирования межбуквенного интервала между двумя конкретными символами. В отличие от трекинга, который меняет расстояние между всеми буквами в строке, кернинг учитывает форму каждой буквы и её визуальное «весло».

Зачем нужен кернинг?

Главная цель - обеспечить оптическую равномерность. Когда буквы «А» и «V» стоят рядом, их боковые «ножки» образуют визуальный зазор, который кажется шире, чем у «Н» и «О». Кернинг «сдвигает» такие пары так, чтобы зритель воспринимал их как равномерно распределённые.

Это важно в:

• заголовках, где крупные размеры подчёркивают любые несоответствия;
• логотипах, где каждое движение глаз фиксирует детали;
• коротких блоках текста в мобильных приложениях, где экран ограничен.

Как работает кернинг в типографике?

Типографика - это искусство и техника размещения знаков в визуальном пространстве использует таблицы кернинга, встроенные в шрифты. Каждая пара символов имеет предопределённое значение, например, -20units для «Т» и «o», +10units для «L» и «e». Программное обеспечение читает эти данные и автоматически подстраивает позицию.

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

Кернинг vs трекинг vs лидинг

Практические рекомендации по настройке кернинга

1. Выберите шрифт с хорошей таблицей кернинга. Откройте свойства шрифта в Photoshop, Illustrator или Figma и проверьте наличие «Kerning Pairs».
2. Начните с автоматических пар. В большинстве программ включена функция «Optical Kerning», которая рассчитывает оптимальное расстояние по форме букв.
3. Проверьте результат на разных размерах. Пара «T» и «a» может выглядеть нормально при 72pt, но требовать корректировки в 24pt.
4. Для логотипов используйте ручной кернинг. Сохраните окончательный вариант в виде вектора, чтобы избежать потери точности.
5. Тестируйте на реальных пользователях. Попросите коллег прочитать заголовок - если они «запинаются», скорее всего, нужно подправить интервал.

Не забывайте, что визуальная читаемость зависит не только от расстояний, но и от контрастности, веса шрифта и контекста.

Инструменты и форматы, поддерживающие кернинг

Современные форматы, такие как OpenType, включают в себя таблицы kern и GPOS, позволяющие управлять кернингом как в настольных, так и в веб‑приложениях. В CSS можно задать кернинг через свойство font‑kerning: normal|none|auto;, где «auto» использует встроенные данные шрифта.

Популярные программы:

• Adobe Photoshop - параметры «Tracking» и «Kerning» в панели «Character».
• Adobe Illustrator - интерактивный подбор пар в режиме «Type > Show Font».
• Figma - настройка «Letter spacing» с опцией «Auto».
• Sketch - точный ввод значения в пикселях.

Типичные ошибки и как их избежать

Слишком агрессивный кернинг может «сжать» буквы до неразборчивости, особенно на небольших размерах. При обратном случае - слишком широкий интервал - текст выглядит разорванным и теряет цельность. Чтобы избежать этих проблем, следуйте правилу «проверяй в два раза»: один раз смотрите на крупном экране, второй - уменьшите масштаб до 50%.

Еще одна ошибка - применять одинаковый кернинг ко всему тексту, игнорируя особенности конкретных пар. Используйте сочетание автоматического и ручного кернинга: автоматический для базовых пар, ручной для «проблемных» комбинаций.

Кейсы из практики

В одном проекте разработки бренда для ресторана «Восточный аромат» дизайнер обнаружил, что в логотипе буквы «Т» и «о» образуют большую пустоту. После ручного уменьшения интервала на 15units визуальный баланс улучшился, и клиент отметил, что логотип стал «более цельным».

Другой пример - мобильное приложение для чтения новостей. Команда использовала автоматический оптический кернинг, но на маленьких экранах 12pt текст выглядел «пробежавшим». Они добавили небольшое ручное увеличение интервала для пар «fi», «fl», что повысило комфорт чтения без изменения общего дизайна.