Есть одна коварная штука в типографике: ты можешь выбрать отличный шрифт, сделать аккуратную сетку, выставить нормальные размеры… а текст всё равно выглядит так, будто его чуть-чуть повело. Нечитаемо? Нет. Но глаз цепляется. Вроде мелочь, а ощущение “дешевит”.
Почти всегда это не “плохой шрифт” и не “у тебя нет вкуса”. Это четыре настройки, которые многие либо не трогают вообще, либо крутят наугад: кернинг, трекинг, межбуквенное, межстрочное. Давай разберём по-человечески, без занудства, чтобы ты мог быстро привести текст в порядок.
Кернинг — это про пары, а не про весь текст
Кернинг — когда ты подправляешь расстояние между конкретными двумя буквами, потому что они вместе выглядят дыряво или, наоборот, слишком плотно.
Классика: “АВ”, “Та”, “Ла”, “Уо”, “To”, “Wa”. У некоторых пар из-за формы букв образуются визуальные дыры. И мозг их видит сильнее, чем тебе кажется. Поэтому слово может выглядеть “рваным”, хотя технически всё ровно.
Кернинг нужен чаще всего в:
- логотипах
- коротких заголовках
- крупных цифрах
- словах капсом (там дыры заметнее)
Правило простое: кернинг — это ручная хирургия. Не лечим им весь абзац. Лечим конкретные “провалы”, которые глаз ловит сразу.
Трекинг — это уже про весь кусок текста
Трекинг — это когда ты меняешь расстояние между всеми буквами сразу в выделенном тексте. То есть не “чиню пару букв”, а “меняю дыхание строки”.
И вот тут часто ломают всё.
Самая частая ошибка — делать трекинг нулевым (по умолчанию) и не думать. А он очень зависит от кегля.
- Мелкий текст часто выигрывает от чуть-чуть увеличенного трекинга: он становится менее “слипшимся” и легче читается.
- Крупные заголовки наоборот иногда требуют чуть-чуть уменьшить трекинг, чтобы буквы не разъезжались и не терялась цельность.
Ещё момент: капс. Текст в верхнем регистре почти всегда просит + трекинг, потому что капс визуально плотнее и тяжелее. Но добавлять нужно аккуратно — чтобы не получилось “дорожное табло”.
“Спейсинг” — это не только буквы, это ещё и слова
Межбуквенное расстояние — это полдела. Ещё есть расстояние между словами и общий “серый тон” абзаца (тот самый фон текста).
Иногда смотришь на абзац и понимаешь: он какой-то пятнистый. Где-то плотнее, где-то дырявее. Это ощущается как неряшливость, даже если человек не понимает почему.
Тут помогает простой тест: прищурься. Текст должен выглядеть ровным “серым блоком”, без явных провалов и пятен. Если пятна есть — значит где-то перебор по трекингу/кернингу/ширине пробелов/выравниванию.
И да, выравнивание по ширине (justified) часто даёт эти “дыры” между словами. Оно красиво в книжной верстке при правильных настройках, но в интерфейсах почти всегда делает текст хуже, если не заморачиваться.
Интерлиньяж — это то, что делает текст “дышащим”
Интерлиньяж — расстояние между строками. Его многие ставят “как получилось” и идут дальше. А он решает половину читабельности.
Слишком маленький интерлиньяж — строки слипаются, глаз теряет строку, особенно в длинном тексте.
Слишком большой — текст распадается, как будто каждая строка сама по себе, и читать становится медленно.
У меня рабочее ощущение такое: интерлиньяж должен давать глазу возможность спокойно перескакивать на следующую строку, не теряя место. Особенно важно, если строка длинная.
И тут важная связка: чем длиннее строка, тем больше обычно нужен интерлиньяж. Если строка короткая (например, в карточках), интерлиньяж можно делать компактнее.
Самый быстрый “чек” без формул
Если хочется не умничать, а быстро понять “норм/не норм”, я делаю так:
- Смотрю на текст на расстоянии. Если он выглядит пятнистым — значит проблема в расстояниях.
- Увеличиваю кегль заголовка и смотрю пары букв: если вижу дырки — кернинг.
- Смотрю капс: если тяжело и “гудит” — добавляю трекинг.
- Читаю абзац глазами: если ловлю себя на том, что теряю строку — интерлиньяж маловат.
Это не “научный метод”, но это работает в реальном дизайне.
Вывод
Типографика очень часто ломается не выбором шрифта, а настройками расстояний. И самое обидное, что это выглядит как “что-то не так”, но непонятно что.
Если запомнить одну мысль:
кернинг — лечит пары,
трекинг — задаёт дыхание,
интерлиньяж — даёт читабельность,
спейсинг — делает текст ровным.