Бывало такое: вы написали крупный заголовок, выбрали дорогой шрифт, но слово все равно выглядит «криво»? Будто буквы A и V разбежались, а T и o слиплись?

Поздравляю, вы столкнулись с кернингом (точнее, с его отсутствием).

В рубрике «Азы дизайна» сегодня говорим о том, как расставлять буквы так, чтобы текст выглядел дорого, и тренируемся на легендарном тренажере.

Что такое кернинг (на пальцах)

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

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

Новички (и даже некоторые арт-директора) часто путают эти два понятия. Если вы хотите пройти собеседование в студию, вы обязаны знать разницу.

1. Трекинг (Tracking) Это изменение расстояния между всеми буквами в слове или предложении одновременно.

• Пример: Вы делаете заголовок разряженным, добавляя “воздуха” всему слову целиком. Вы двигаете ползунок Tracking в Illustrator или Figma, и все буквы равномерно отъезжают друг от друга.
• Цель: Изменить общую плотность и читаемость блока текста.

2. Кернинг (Kerning) Это изменение интервала только между двумя конкретными буквами.

• Пример: В паре букв «AV» или «To» образуется визуальная дыра. Вы вручную пододвигаете букву «o» под крышу буквы «T».
• Цель: Выровнять визуальный ритм, чтобы слово не распадалось на куски.

Простое правило запоминания:

• Трекинг — это вагончики поезда (движутся все вместе).
• Кернинг — это отношения между двумя соседями (индивидуально).

В игре Kern Type вы занимаетесь именно вторым — настраиваете индивидуальные отношения букв. Если бы это был трекинг, вы бы просто растянули слово гармошкой.

Если с кернингом разобрались, посмотрите подборку про Топ-10 кириллических шрифтов, зацените кернинг!

Тренажер кернинга: Игра Kern Type

Читать про это скучно, лучше один раз почувствовать. Есть бесплатная браузерная игра, которую дизайнеры передают друг другу как секретное знание.

🎮 Играть в Kern Type (type.method.ac) (https://type.method.ac/)

Суть игры:

Вам дают слово. Первая и последняя буквы зафиксированы. Ваша задача — мышкой или стрелками на клавиатуре подвинуть остальные буквы так, чтобы расстояние между ними стало гармоничным.
После того как вы нажали «Done», игра накладывает ваше решение на эталонное (профессиональное) и выдает оценку от 0 до 100.

Запомните эти принципы для реальной работы с текстом:

1. Переверните это: Если глаз «замылился» и вы не понимаете, ровно стоят буквы или нет — переверните слово вверх ногами (на 180 градусов). Мозг перестанет читать слово как текст и начнет воспринимать его как набор геометрических фигур. Дырки между фигурами станут очевидными. Это старый трюк плакатистов, который работает безотказно.
2. Следите за «проблемными» парами: В любом шрифте есть сочетания, которые всегда требуют ручного вмешательства. Будьте особенно внимательны с парами, где есть буквы с наклонными штрихами (A, V, W, Y) или «нависающими» элементами (T, F, P, Г, Т, У). Например, в паре AV или To расстояние по умолчанию почти всегда будет гигантским.
3. Кернинг — в последнюю очередь: Никогда не настраивайте кернинг, пока не определились с гарнитурой, начертанием и размером шрифта. Как только вы измените Bold на Regular, все ваши настройки «поедут», и работу придется делать заново. Сначала дизайн — потом шлифовка.

Зачем дизайнеру тренировать кернинг?

1. Вы поймете разницу между «равно» и «ровно». Вы увидите, что O и H требуют разного расстояния, чем A и V.
2. Вы начнете видеть «дыры». После 10 уровней вы начнете замечать плохой кернинг на вывесках магазинов и в чужих макетах. Это не развидеть (извините!).

Как играть и не «залипнуть»? (Техника безопасности)

Игра сделана очень приятно: анимация, желание набрать 100 баллов. Есть риск потратить на неё весь рабочий день, двигая буковки вместо реальной работы.

Моя рекомендация:
Не пытайтесь пройти игру до конца за один раз. Это тренажер для глаз, а не сюжетная RPG. Глаз «замыливается» примерно через 10 минут.

Используйте Kern Type как разминку:

• 5–10 минут перед началом работы над логотипом или версткой.
• Это как гаммы для пианиста: настраивает оптику мозга на нужный лад.
• Как только набрали 100 баллов на паре слов — закрывайте вкладку и идите работать. Вы уже «проснулись».

Попробуйте прямо сейчас. Какой у вас средний балл? Если выше 80 — у вас талант. Если 50 — добро пожаловать в клуб, будем тренироваться!