Трекинг, кернинг и межбуквенное расстояние (леттер-спейсинг)
Веб, моушн, графика — в каждой из этих сфер дизайна свои особенности. Но есть общие элементы, без проработки которых едва ли получится хороший продукт. Один из них — шрифт. Любые тексты, сообщения, заголовки, комбинации букв привлекают внимание. Мы не только считываем их смысл, но и отмечаем оформление. И здесь не должно быть провалов.
Представьте, что вы зашли на сайт крутого продукта. Он вам интересен, вы почти решились на покупку. И тут видите, что тексты на странице написаны странным, визуально отталкивающим шрифтом. В большинстве случаев ваша реакция как потребителя будет негативной, а доверие к продукту и производителю пошатнётся.
В этой статье поделимся лайфхаками и правилами, которые помогут улучшить любой шрифт, сделать множество вариантов и подобрать их так, чтобы менять пользовательское впечатление. Это возможно благодаря трекингу и кернингу — расскажем, как их настроить.
Дизайнеры используют трекинг и кернинг, чтобы изменять расстояние между символами. Можно задавать одинаковый интервал между всеми буквами в слове или фразе — или вручную настраивать шаги между каждой парой символов. Вариантов результата может быть сколько угодно — автор бесконечно и свободно творит, пока не найдёт идеальное решение.
Что такое трекинг?
Трекинг — это настройка расстояния между всеми символами (буквами, цифрами, знаками препинания) в границах одного слова. Трекинг часто используется в заголовках и логотипах.
Чтобы увеличить интервал между символами, необходимо выставить положительное значение. Если, наоборот, требуется уменьшить интервал по сравнению со стандартным, ставится отрицательное.
Вот несколько примеров: до трекинга и после.
Отрицательный трекинг визуально уплотняет текст, будто бы усиливает его цвет на общей картине. Слишком большой положительный трекинг, наоборот, высветляет. Как правило, чересчур разреженный текст вызывает отторжение, поэтому здесь надо быть очень аккуратными. Но если он набран заглавными буквами или жирным шрифтом, положительный трекинг даёт хороший эффект.
Что такое кернинг?
Если с помощью трекинга можно установить одинаковое расстояние между всеми символами, то кернинг позволит проработать интервал внутри каждой пары. Тонко настраивая кернинг, дизайнеры манипулируют ритмом текста.
Зачем нужен кернинг, если всё и так можно зафиксировать трекингом? Каждый из символов индивидуален, имеет свой визуальный вес, высоту и ширину. Кернинг позволяет компенсировать визуальную неоднородность текста.
Помимо ручного кернинга существует ещё и автоматический — метрический или оптический. Метрический кернинг зачастую используется в дизайнерских программах по умолчанию. В нём интервалы между часто встречающимися парами символов уже сохранены.
Оптический кернинг регулирует интервалы исходя из визуальных задач, обязательно с учётом формы каждого символа в паре. Так автор-дизайнер может даже самый странный шрифт сделать приятным.
Лучшая комбинация для работы с текстом — это автоматический трекинг и ручной кернинг. Причём последний особенно важен при работе с крупным текстом — в нём становятся заметны огрехи в стандартных интервалах. В кириллице, например, это отчётливо видно в сочетаниях «ГА», «ГО», «ГР», «АТ», «АУ». В этом случае дизайнеры стараются вручную уменьшить расстояние между символами.
При работе со шрифтами стоит обратить особое внимание:
Сочетания с этими символами наиболее сложны с точки зрения кернинга и не всегда выглядят хорошо при стандартных настройках.
Сложность настройки шрифтов состоит в том, что работать с кириллицей — совсем не то же самое, что с латинскими символами или тем более с арабскими шрифтами или иероглифами. Но поняв основные принципы применения трекинга и кернинга, вы сможете покорять даже незнакомые символы и типы шрифтов.
При работе с межбуквенными интервалами следует учитывать и такие смежные аспекты, как абзац и расстояние между строчками, цвет фона и шрифта. Для хорошего результата в нестандартных текстовых или цветовых решениях всё это необходимо прорабатывать вручную.
Некоторые крупные компании создали шрифтовые шаблоны для дизайнеров — используйте их, это сэкономит много времени: вот рекомендации для Material Design от Google, а это шаблон от Apple.
Грамотное обращение со шрифтом и межбуквенным интервалом может спасти текст или заголовок, а небрежность — испортить их. Чтобы вызвать у пользователя нужные впечатления, стоит научиться чувствовать буквенные сочетания, прорабатывать каждую деталь.
Веб, моушн, графика — в каждой из этих сфер дизайна свои особенности. Но есть общие элементы, без проработки которых едва ли получится хороший продукт. Один из них — шрифт. Любые тексты, сообщения, заголовки, комбинации букв привлекают внимание. Мы не только считываем их смысл, но и отмечаем оформление. И здесь не должно быть провалов.
Представьте, что вы зашли на сайт крутого продукта. Он вам интересен, вы почти решились на покупку. И тут видите, что тексты на странице написаны странным, визуально отталкивающим шрифтом. В большинстве случаев ваша реакция как потребителя будет негативной, а доверие к продукту и производителю пошатнётся.
В этой статье поделимся лайфхаками и правилами, которые помогут улучшить любой шрифт, сделать множество вариантов и подобрать их так, чтобы менять пользовательское впечатление. Это возможно благодаря трекингу и кернингу — расскажем, как их настроить.
Дизайнеры используют трекинг и кернинг, чтобы изменять расстояние между символами. Можно задавать одинаковый интервал между всеми буквами в слове или фразе — или вручную настраивать шаги между каждой парой символов. Вариантов результата может быть сколько угодно — автор бесконечно и свободно творит, пока не найдёт идеальное решение.
Что такое трекинг?
Трекинг — это настройка расстояния между всеми символами (буквами, цифрами, знаками препинания) в границах одного слова. Трекинг часто используется в заголовках и логотипах.
Чтобы увеличить интервал между символами, необходимо выставить положительное значение. Если, наоборот, требуется уменьшить интервал по сравнению со стандартным, ставится отрицательное.
Вот несколько примеров: до трекинга и после.
Отрицательный трекинг визуально уплотняет текст, будто бы усиливает его цвет на общей картине. Слишком большой положительный трекинг, наоборот, высветляет. Как правило, чересчур разреженный текст вызывает отторжение, поэтому здесь надо быть очень аккуратными. Но если он набран заглавными буквами или жирным шрифтом, положительный трекинг даёт хороший эффект.
Что такое кернинг?
Если с помощью трекинга можно установить одинаковое расстояние между всеми символами, то кернинг позволит проработать интервал внутри каждой пары. Тонко настраивая кернинг, дизайнеры манипулируют ритмом текста.
Зачем нужен кернинг, если всё и так можно зафиксировать трекингом? Каждый из символов индивидуален, имеет свой визуальный вес, высоту и ширину. Кернинг позволяет компенсировать визуальную неоднородность текста.
Помимо ручного кернинга существует ещё и автоматический — метрический или оптический. Метрический кернинг зачастую используется в дизайнерских программах по умолчанию. В нём интервалы между часто встречающимися парами символов уже сохранены.
Оптический кернинг регулирует интервалы исходя из визуальных задач, обязательно с учётом формы каждого символа в паре. Так автор-дизайнер может даже самый странный шрифт сделать приятным.
Лучшая комбинация для работы с текстом — это автоматический трекинг и ручной кернинг. Причём последний особенно важен при работе с крупным текстом — в нём становятся заметны огрехи в стандартных интервалах. В кириллице, например, это отчётливо видно в сочетаниях «ГА», «ГО», «ГР», «АТ», «АУ». В этом случае дизайнеры стараются вручную уменьшить расстояние между символами.
При работе со шрифтами стоит обратить особое внимание:
Сочетания с этими символами наиболее сложны с точки зрения кернинга и не всегда выглядят хорошо при стандартных настройках.
Сложность настройки шрифтов состоит в том, что работать с кириллицей — совсем не то же самое, что с латинскими символами или тем более с арабскими шрифтами или иероглифами. Но поняв основные принципы применения трекинга и кернинга, вы сможете покорять даже незнакомые символы и типы шрифтов.
При работе с межбуквенными интервалами следует учитывать и такие смежные аспекты, как абзац и расстояние между строчками, цвет фона и шрифта. Для хорошего результата в нестандартных текстовых или цветовых решениях всё это необходимо прорабатывать вручную.
Некоторые крупные компании создали шрифтовые шаблоны для дизайнеров — используйте их, это сэкономит много времени: вот рекомендации для Material Design от Google, а это шаблон от Apple.
Грамотное обращение со шрифтом и межбуквенным интервалом может спасти текст или заголовок, а небрежность — испортить их. Чтобы вызвать у пользователя нужные впечатления, стоит научиться чувствовать буквенные сочетания, прорабатывать каждую деталь.
Кернинг и трекинг
Сведения о кернинге и трекинге
Кернинг — это увеличение·или уменьшение·интервала между определенными парами символов. Трекинг — это метод увеличения или уменьшения плотности текстового блока.
Значения кернинга и трекинга применяются к текстам на японском языке, но как правило эти параметры используются и для настройки межсимвольного интервала между символами латиницы.
Кернинг текста можно выполнять автоматически, используя функции метрического или оптического кернинга. Метрический кернинг использует кернинговые пары, которые включены в большинство шрифтов. Шрифты содержат применяемые в процессе кернинга сведения об интервале между буквами в конкретных парах. Вот некоторые из них: LA, P., To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya и Yo.
По умолчанию в InDesign используется метрический кернинг, поэтому при вводе или импорте текста кернинг определенных пар символов выполняется автоматически. Чтобы отключить метрический кернинг, выберите значение «0».
При оптическом кернинге интервал между смежными символами регулируется с учетом их формы и оптимизируется для использования с латинскими глифами. Некоторые шрифты включают подробные инструкции для кернинга. Однако если шрифт содержит только минимальные встроенные данные о кернинге или не содержит их, либо если в слове или строке одновременно используются различные гарнитуры и кегли, может потребоваться применение оптического кернинга к латинскому тексту документа.
Можно также воспользоваться и ручным кернингом, который идеально подходит для настройки интервала между двумя буквами. Трекинг и ручной кернинг дополняют друг друга. Можно сначала настроить отдельные пары букв, а затем сделать блоки текста более сжатыми или разреженными. Это не оказывает влияния на относительный кернинг пар букв.
Кернинг слов отличается от параметра «Межсловные интервалы» в диалоговом окне «Выключка», поскольку кернинг слов изменяет значение только для заданных первых символов слов и межсловных интервалов перед этими символами.
A. Исходное B. Кернинг, примененный к паре символов «W» и «a» C. Примененный трекинг
Методы измерения кернинга и трекинга
К выделенному тексту можно применять кернинг, трекинг или их комбинацию. Как трекинг, так и кернинг измеряются в тысячных долях em — единицы измерения, которая определяется относительно текущего размера шрифта. Для шрифта размером 6 пунктов 1 круглая шпация равна 6 пунктам, а для шрифта размером 10 пунктов — 10 пунктам. Кернинг и трекинг строго пропорциональны текущему размеру шрифта.
Трекинг и ручной кернинг дополняют друг друга. Можно сначала настроить отдельные пары букв, а затем сделать блоки текста более сжатыми или разреженными. Это не оказывает влияния на относительный кернинг пар букв.
Если установить точку ввода между двумя символами, то InDesign отобразит значение кернинга в палитре «Символ» и в палитре «Управление». Значения метрического и оптического кернинга (или определенной кернинговой пары) отображаются в скобках. Аналогичным образом, если выделить слово или блок текста, InDesign отобразит значения трекинга в палитре «Символ» и в палитре «Управление».
Применение кернинга к тексту
Можно применять один из двух типов автоматического кернинга: метрический или оптический; или можно настроить промежуток между буквами вручную.
Кернинг и трекинг
Кернинг — это увеличение·или уменьшение·интервала между определенными парами символов. Трекинг — это метод увеличения или уменьшения плотности текстового блока.
Значения кернинга и трекинга применяются к текстам на японском языке, но как правило эти параметры используются и для настройки межсимвольного интервала между символами латиницы.
Кернинг текста можно выполнять автоматически, используя функции метрического или оптического кернинга. Метрический кернинг использует кернинговые пары, которые включены в большинство шрифтов. Шрифты содержат применяемые в процессе кернинга сведения об интервале между буквами в конкретных парах. Вот некоторые из них: LA, P., To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya и Yo.
По умолчанию в InCopy используется метрический кернинг, поэтому при вводе или импорте текста кернинг определенных пар символов выполняется автоматически. Чтобы отключить метрический кернинг, выберите значение «0».
При оптическом кернинге интервал между смежными символами выбирается с учетом их формы. Некоторые шрифты включают подробные инструкции для кернинга. Однако когда шрифт содержит только минимум данных о кернинге или вообще их не содержит либо если в слове или строке используются различные гарнитуры или кегли, то может потребоваться применение оптического кернинга.
При оптическом кернинге интервал между смежными символами регулируется с учетом их формы и оптимизируется для использования с латинскими глифами. Некоторые шрифты включают подробные инструкции для кернинга. Однако если шрифт содержит только минимальные встроенные данные о кернинге или не содержит их, либо если в слове или строке одновременно используются различные гарнитуры и кегли, может потребоваться применение оптического кернинга к латинскому тексту документа.
Можно также воспользоваться и ручным кернингом, который идеально подходит для настройки интервала между двумя буквами. Трекинг и ручной кернинг дополняют друг друга. Можно сначала настроить отдельные пары букв, а затем сделать блоки текста более сжатыми или разреженными. Это не оказывает влияния на относительный кернинг пар букв.
Кернинг слов отличается от параметра «Межсловные интервалы» в диалоговом окне «Выключка», поскольку кернинг слов изменяет значение только для заданных первых символов слов и межсловных интервалов перед этими символами.
A. Original B. Kerning applied between “W” and “a” C. Tracking applied
Методы измерения кернинга и трекинга
К выделенному тексту можно применять кернинг, трекинг или их комбинацию. Как трекинг, так и кернинг измеряются в тысячных долях em — единицы измерения, которая определяется относительно текущего размера шрифта. Для шрифта размером 6 пунктов 1 круглая шпация равна 6 пунктам, а для шрифта размером 10 пунктов — 10 пунктам. Кернинг и трекинг строго пропорциональны текущему размеру шрифта.
Трекинг и ручной кернинг дополняют друг друга. Можно сначала настроить отдельные пары букв, а затем сделать блоки текста более сжатыми или разреженными. Это не оказывает влияния на относительный кернинг пар букв.
Если установить точку ввода между двумя символами, то InCopy отобразит значение кернинга на палитре «Символ» и на палитре «Управление». Значения метрического и оптического кернинга (или определенной кернинговой пары) отображаются в скобках. Аналогичным образом, если выделить слово или блок текста, InCopy отобразит значения трекинга на палитре «Символ» и на палитре «Управление».
Применение кернинга к тексту
Можно применять один из двух типов автоматического кернинга: метрический или оптический; или можно настроить промежуток между буквами вручную.
Правильная типографика: 9 фактов о кернинге
Кернинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы.
Проще говоря, кернинг — процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония.
Хотя на кернинг многие особого внимания не обращают (да и вообще — не знают), однако внимание в мелочам помогает достичь очень хороших результатов.
1. Кернинг и трекинг
Трекинг (Tracking) и кернинг (Kerning) — два понятия, которые не стоит путать. Трекинг — обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг — это более «местное» понятие.
2. Файлы шрифтов
3. Отображение в Photoshop/InDesign/Illustrator
В Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный вариант. Хотя разницы почти никакой.
4. Заглавные буквы
Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте трекинг, чтобы вручную подравнять слова.
5. Помощь в кернинге
Есть такой приём — представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель — чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами.
6. Единица
Одна из самых распространённых ошибок кроется в единице. Этот символ — узкий и образует вокруг себя много пустого пространства. По этой причине кернинг нуждается в доработке.
7. Цифры 7
Цифра 7 — ещё один проблемный символ. На него тоже следует обратить внимание.
8. Расстояния между словами
Всегда следите за расстояниями до и после слов. Они должны быть правильно соблюдены. Как упражнение, попробуйте представить букву О между словами.
9. Перепроверяй!
Не стоит полностью доверять тому, что Вы видите на экране монитора — всегда перепроверяйте результат перед его демонстрацией.
Трекинг (полиграфия)
Тре́кинг (от англ. tracking) — изменение межбуквенных пробелов.
В отличие от кернинга, регулирующего расстояние между знаками в определенных парах (AV, TA и пр.), трекинг применяется к группе символов (слово, строка, абзац и т.д.)
Увеличение трекинга (разрядка) делает набор более разреженным, светлым; уменьшение — более плотным и темным.
Трекинг — эффективное средство вгонки и выгонки строк. Измеряется в тысячных долях круглой шпации (em/1000).
Примечания
 Типографика | |||||||
|---|---|---|---|---|---|---|---|
| Страница | Колонка [ru] · Колонтитул · Колонцифра · Пагинация · Поле [ru] · Принципы композиции страницы [ru] · Разворот |  | |||||
| Абзац | Вгонка и выгонка · Висячая строка · Выключка · Интерлиньяж · Коридор · Трекинг | ||||||
| Символ | Апрош · Астеризм · Базовая линия · Буквица · Верхний индекс · Выносные элементы · Глиф · Диакритические знаки · Капитель · Кернинг · Лигатура · Маюскул · Микротипографика · Минускул · Минускульные цифры · Нижний индекс · Символьный шрифт · CamelCase · x-высота [ru] | ||||||
| Классификация шрифтов |
| ||||||
| Начертание шрифта | Жирный шрифт · Курсив · Наклонный шрифт [ru] | ||||||
| Пунктуация | Висячая пунктуация [ru] · Кавычки · Перенос · Тире · Штрих | ||||||
| Вёрстка | Высокая печать · Гарнитура · Глубокая печать · Каллиграфия · Наборный шрифт · Линотип · Офсетная печать · Панграмма · Плоская печать · Ручной набор · Словолитня · Фотонабор · Шрифт · Шрифтовой дизайн [ru] · ETAOIN SHRDLU · Lorem ipsum · Ротационная печатная машина | ||||||
| Единицы измерения | Мера [ru] · Пика [ru] · Пункт · Узкий пробел [ru] · Цифровой пробел [ru] · Em [ru] · En [ru] | ||||||
| Типографские кегли | Агат · Боргес · Бриллиант · Двойное цицеро · Двойной миттель · Диамант · Империал · Квадрат · Корпус · Крупный канон · Малый канон · Миньон · Миттель · Нонпарель · Парангон · Перл · Петит · Реал · Санспарель · Текст · Терция · Цицеро | ||||||
| Компьютерная типографика | Компьютерная вёрстка · Компьютерный шрифт · Набор символов · Настольное издательское ПО [ru] · Растеризация · Хинтинг · ClearType | ||||||
Полезное
Смотреть что такое «Трекинг (полиграфия)» в других словарях:
Трекинг — Трекинг (англ. trekking[1]) пешеходный туризм, путешествие пешком; Системы трекинга специальная технология, лежащая в основе взаимодействия человека с виртуальным миром; Трекинг (компьютерная графика) определение… … Википедия
Трекинг (значения) — Трекинг (англ. trekking[1]) пешеходный туризм, путешествие пешком; Системы трекинга специальная технология, лежащая в основе взаимодействия человека с виртуальным миром; Трекинг (компьютерная графика) определение… … Википедия
Разворот (полиграфия) — У этого термина существуют и другие значения, см. Разворот. Разворот две смежные страницы (левая четная, правая нечетная) издания, расположенные на одном печатном листе. На развороте обычно размещаются элементы издания,… … Википедия
Микротипографика — Микротипографика это совокупность методов улучшения читаемости и внешнего вида текстов, особенно выровненных по ширине. Посредством этих методов уменьшается количество слишком широких расстояний между словами и сдвигаются некоторые строки… … Википедия
Почтовая служба США — англ. United States Postal Service Тип Агентство Правительства США Год основания … Википедия
Ротационная печатная машина — это устройство для типографской печати, имеющее цилиндрическую форму рабочего органа. Ротационная машина предназначена для размножения полиграфической продукции в больших объёмах и имеет высокую скорость печати. На ротационной печатной машине… … Википедия