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

Вы когда-нибудь слышали о таком понятии, как кернинг текста (kerning)? Не исключено, что вы читали об этом и представляете, о чем идет речь. Но знаете ли вы, насколько сильно этот метод влияет на эффективность маркетинговой кампании? Стоит отметить, что значение данного инструмента часто серьезно недооценивается.

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

Разберем подробнее, для чего же предназначен кернинг и с чем его едят. Говоря простыми словами, это интервал между буквами. Приведем наглядный пример. На представленном ниже изображении видно, как меняется внешний вид слова в зависимости от настроек кернинга:

Грамотно подобранная величина пробелов между символами позволяет облегчить восприятие текста.

В большинстве шрифтов кернинг используется по умолчанию.

Примеры шрифтов: без кернинга, с автоматически настроенным кернингом и с кернингом, настроенным вручную

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

Google даже посвятил данному инструменту своеобразную «пасхалку». Введя в поисковую строку запрос «kerning», на выходе вы получите текст с нестандартными интервалами между символами.

Каково значение этого инструмента?

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

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

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

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

Читабельность текста

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

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

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

Мотивация к совершению целевого действия

Информация, которую вы предлагаете людям, должна подталкивать их в направлении того или иного действия (заполнения лид-формы, нажатия на CTA элемент и т. д.). Текстовые блоки на лендинге выступают в роли дорожных знаков, а грамотный кернинг позволяет сделать так, чтобы пользователь мог без труда считать информацию с этих указателей.

Оптимизация конверсии

Сегодня ни для кого не является секретом, что незначительное изменение контента на веб-сайте может серьезно повлиять на коэффициент конверсии. Порой достаточно слегка переформулировать призыв к действию, чтобы эффективность вашей Landing Page увеличилась на порядок.

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

Восприятие контента

Оформление текста порой несет в себе большую смысловую нагрузку, нежели его содержание.

Строгий и плотный кернинг внушает читателю чувство уверенности и спокойствия.

Логотип Adidas — прекрасный пример того, как компания может применить в целях воздействия на потребителей:

В соответствии с теми же принципами разработан логотип компании UnderArmour, специализирующейся на продаже спортивной одежды:

Логотип FedEx — одного из самых узнаваемых брендов в мире — отличный пример «кернинга без излишеств». Все буквы соприкасаются между собой, образуя легендарную стрелку между «E» и «X»:

В Washington Post делают ставку на классический дизайн, что, с учетом более чем вековой истории газеты, кажется вполне логичным решением:

Свободный кернинг придает атмосферу непринужденности.

Средства ухода за волосами должны ассоциироваться у людей с чем-то простым, воздушным и свежим. Без сомнений, логотип Sunsilk этому способствует:

HTC работает в совершенно ином секторе, но при разработке ее логотипа дизайнеры также придерживались принципов свободного кернинга:

В логотипе Clear буквы тоже находятся на относительно большом расстоянии друг от друга:

Land Rover тонко акцентирует внимание людей на слове «Land», расположенном в верхней (и более светлой) части логотипа. Впрочем, внимания здесь заслуживает и кернинг:

Как научиться правильному кернингу?

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

Хотите попрактиковаться? В таком случае вам стоит обратить внимание на Kerntype — игру, придуманную Марком МакКеем (Mark MacKey).

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

Однако будьте осторожны! Однажды ощутив все прелести хорошего кернинга, вы просто не сможете не заметить плохой:

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

Эта тема раскрывается в блоге InspirationFeed:

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

В каких случаях стоит уделять кернингу особое внимание?

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

Разработка логотипа

Вы работаете над логотипом для вашей компании? Обязательно поговорите с дизайнером о кернинге. Правильный логотип поможет более точно донести идеи до потенциальных клиентов.

Выбор заголовка для Landing Page

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

Активное использование графики

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

Заключение

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

Поэкспериментируйте с кернингом: измените внешний вид заголовка на посадочной странице или, к примеру, попробуйте поработать с кнопками Call To Action. В конце концов, когда речь заходит о борьбе за внимание покупателей, важна каждая деталь.

Интервалы между знаками можно изменять как для выбранного текста, так и для отдельных знаков. Кроме того, вы можете растянуть или сжать текст целого абзаца для придания ему желаемого вида.

Изменение интервала между знаками

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

Равномерное увеличение или уменьшение интервалов между всеми выделенными знаками

Кернинг знаков, размер которых превышает заданный

Кернингом называется регулировка расстояния между двумя знаками. Идея состоит в том, чтобы улучшить внешний вид, уменьшая интервал между знаками (например, "A" и "V") и увеличивая интервал между символами, которые не должны быть.

Изменение масштаба текста по горизонтали

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

Изменение междустрочных интервалов

Чтобы увеличить или уменьшить интервал по вертикали между строками текста в абзаце, лучше использовать стиль, используемый в абзаце.

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

Дополнительные сведения об изменении стилей в Word можно найти в статье

25.12.2012

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

Начнем с теории

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

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

Также существует такое понятие, как трекинг . Трекингом тоже называют изменение расстояния между буквами, но применяется он автоматически к целому слову, строке или абзацу.

Как правило, его используют для массива текста, когда появляются всякие некрасивые места вроде «висячих строк», т.п.

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

Допустим, вы подобрали подходящий для логотипа шрифт и написали им название компании. С большой вероятностью у вас будут места, где буквы находиться друг относительно друга слишком близко и места, где они расположены уж слишком далеко. И все это в одном слове! Когда это большой блок текста - на такие моменты вы и внимания не обратите, но когда это в названии - глаз сразу «натыкается» на такие места.

Определены даже конкретные пары букв, где автоматически устанавливаемое расстояние между буквами нуждается в корректировке - так называемые кернинговые пары: AV, Wa, XC, To, т.д.

Как определить, где нужна корректировка расстояния между буквами?

Самое главное - вы должны это чувствовать. Однако пока вы не развили в себе этот навык, необходимо понимать, почему так происходит.

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

Причем расстояние между крайними точками везде одинаково, но визуально, из-за различий в формах, расстояние между буквами будет казаться разным. Тут то и понадобиться «ручное» корректирование.

Как правильно скорректировать расстояние между буквами?

Во-первых, чем больше кегль (высота) буквы, тем легче вам будет двигать буквы. Увеличьте надпись до размера, при котором вы можете комфортно по чуть-чуть сдвигать / раздвигать буквы.

Определите наиболее «проблемное» место, и, подобрав нужное расстояние между этими буквами, принимайтесь за близстоящие справа и слева пока не пройдетесь по всему слову.

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

Рис. 4.26.

Аналогично заливки для выделенной буквицы примените обводку ( рис. 4.27). Толщина обводки по умолчанию равна 1 пункту, но ее можно изменить в диалоге Окно-Обводка , открывающем палитру Обводка ( рис. 4.28).

Рис. 4.27.

Рис. 4.28.

Кернинг (Kerning)

При рассмотрении текстов, набранных пропорциональными шрифтами больших кеглей, часто создается обманчивое впечатление, что расстояние между литерами различное. Это явление наиболее ярко проявляется в таких парах букв, как "WA" и "AY" (или, например, в русских "ГА"). Некоторые настольные издательские системы позволяют выполнить корректировку межлитерного интервала в парах литер в словах в зависимости от кегля. Такой процесс корректировки называется кернингом . В результате кернинга устраняется оптический эффект неравномерности межлитерного интервала. Пример кернинга между буквами Г и А (в слове БУМАГА) показан на рис. 4.29 .

Рис. 4.29.

Для оптимального восприятия текста зрением межсимвольные пробелы не должны быть одинаковыми. Чем крупнее текст, тем большее значение для его внешнего вида имеет кернинг . Текст мелкого кегля можно вообще не подвергать кернингу. Так, например, в программе CorelXARA для проведения ручного кернинга курсор должен быть установлен между сближаемыми символами. При изменении значения кернинга первая литера остается на месте, вторая перемещается. Фирменные шрифты снабжены таблицами кернинга , то есть списком пар, для которых нужно сокращать пробел при наборе текста. Это, например, ГО, ГА, АУ и другие. Программы верстки снабжены возможностью автоматического кернинга , т.е. можно организовать автоматическую корректировку пробелов в парах кернинга в тексте любой длины. После обработки текста автоматическим кернингом в заголовках и другом крупном тексте иногда дополнительно проводят ручной кернинг .

Трекинг

Трекинг, в отличие от кернинга , задается не для пары , а для нескольких символов и в данной программе характеризует величину межсимвольного пробела в группе символов. Пробелы меняются одинаково для всех выделенных символов. Если задавать трекинг для выделенной пары, то он аналогичен кернингу. Трекинг оказывает самое сильное влияние на окраску текста, поскольку им определяется расстояние между отдельными буквами. Чем больше разрядка между буквами, т.е. свободнее трекинг, тем светлее окраска. Если трекинг достигает максимума, текст начинает рваться и утрачивает окраску, потому что его однородность нарушается. Техника трекинга (изменения расстояния между символами) улучшает оптические свойства текста при больших и малых размерах шрифта. Иначе говоря, трекинг определяет межсимвольное расстояние как функцию от размера шрифта. Для того чтобы окончательно понять, зачем нужен трекинг, посмотрите на рис. 4.30 . Как вы можете заметить, первый вариант с положительным трекингом ( рис. 4.30 ,1) выглядит растянутым - расстояния между буквами довольно большие (в других шрифтах это можно заметить еще сильнее). Во втором примере для того, чтобы текст был более удобен для чтения и воспринимался целостным, применен отрицательный трекинг ( рис. 4.30).

Рис. 4.30.

При использовании трекинга рекомендуется учитывать ряд особенностей восприятия человеком типографского текста. Например, текст, набранный крупным шрифтом, выглядит лучше, если литеры в словах стоят теснее (чем при использовании стандартного интервала). Это особенно заметно, когда слово набрано целиком прописными литерами. Степень необходимой коррекции межбуквенного пробела зависит не только от кегля, но и от гарнитуры. Некоторые гарнитуры требуют более ощутимого трекинга, другие могут обойтись практически без такового. Особенно полезен трекинг в ситуациях, когда возникает необходимость плотного набора некоторых частей текста, например, в отдельных графах таблицы. Увеличивать трекинг приходится сравнительно редко, но в двух случаях это весьма желательно. При жирных шрифтах заголовков буквы занимают все пространство, так что, кажется, и не вздохнуть. Поэтому и вводят небольшую разрядку, которую печатники так и называют - воздух. Второй случай удачного использования трекинга - получение особого эффекта, все более популярного у полиграфистов: разрядка букв в слове таким образом, что между отдельными буквами величина просвета превышает ширину символа. Этот прием хорош для текстов, набранных заглавными буквами, особенно если текст небольшой, расположен в одной строке и является шапкой или подзаголовком.

Единицы измерения кернинга и трекинга

Кернинг и трекинг измеряются в специальных относительных единицах - тысячных долях круглой шпации ( ems /1000), поскольку при смещении в паре важны не точные значения, а их отношение к величине символов в конкретной гарнитуре. Применение такой относительной единицы автоматически делает эти смещения пропорциональными кеглю шрифта. В полиграфии используются дополнительные единицы измерения - круглая шпация, полукруглая шпация, тонкая шпация, характеризующие горизонтальные размеры шрифта. Они соответствуют ширине заглавных букв М, N и строчной буквы t. Круглая шпация примерно равна размеру шрифта, полукруглая шпация составляет 0,5 размера шрифта, а тонкая шпация - 0,25 размера шрифта. Поскольку все шрифты разные, то и ширина литеры М у них может различаться. Таким образом, значение круглой шпации колеблется в зависимости от кегля и гарнитуры. Шпации применяются при измерениях абзацных отступов, кернинга и других перемещениях символов.

Настройка кернинга и трекинга в InDesign

К одному и тому же тексту может применяться как кернинг , так и трекинг. Итак:

Термины

Кернинг

- это процесс добавления или вычитания пробелов между определенными парами символов. Иначе говоря, кернингом (kerning) называется изменение ширины пробела для конкретных пар литер (выполняемая при верстке в DTP "тонкая подгонка" межбуквенных просветов для определенных пар литер). Кернинг как атрибут символов, характеризует не сами символы, а расстояние между ними (межсимвольные пробелы). Точная их настройка необходима для улучшения зрительного восприятия текста. По умолчанию в программе InDesign используется метрический кернинг , поэтому кернинговые пары букв автоматически подстраиваются при импортировании или наборе текста. Вы можете вручную измените пробелы между некоторыми буквами в тексте, чтобы сомкнуть бросающиеся в глаза зазоры ( рис. 4.31).

Трекинг

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

Рис. 4.31.

Рис. 4.32.

Давайте посмотрим, как менять пробел между буквами в кернинговых парах букв. В визуальных дырах пробел будем уменьшать, а в визуальных сгущениях - увеличивать. Например, уменьшим пробел между М и О на рис. 4.33 .

Рис. 4.33.

Выберите инструмент Текст и посредством щелчка установите курсор между буквами "М" и "О" в слове "Грамота". На палитре Символ настройте кернинг этой пары и остальных пар букв в слове Грамота ( рис. 4.34). Пробел между буквами меняйте до тех пор, пока вид двух смежных букв не устроит вас эстетически.

Рис. 4.34.

Теперь, используя палитру Символ мы изменим значение трекинга для заголовка "История короткой жизни и трагической смерти колобка". Прежде чем установить значение трекинга, необходимо выделить весь диапазон букв, трекинг которых вы хотите осуществить ( рис. 4.35 и 4.36).

Рис. 4.35.

Рис. 4.36.

Работа с табуляциями

Табуляции можно использовать для расположения текста во фрейме в определенных позициях по горизонтали. Выберите команду Текст-Табуляторы , чтобы открыть палитру Табуляторы . Создайте пустой текстовый фрейм и нажмите на значок магнита на палитре Табуляторы (

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

1. Кернинг - изменение пробела для конкретных пар символов; применяется для создания зрительно более равномерного расположения символов пары в строках набора. Обычно кернинг делается в сторону уменьшения межсимвольного пробела таким образом, что выступающие части одного знака пары заходят в пространство второго знака. Чем крупнее текст, тем большее значение для его внешнего вида имеет кернинг.
2. Ке#769;рнинг (англ. Kerning) интервал между парами букв.
   Кернинг подбор интервала между парами букв для улучшения внешнего вида и удобочитаемости текста, служит для выравнивания апрошей. Этот параметр подразумевает индивидуальную работу с каждой парой букв и подбор их взаиморасположения в зависимости от выбранного шрифта (font), рисунка самих букв, и т. п. Значение кернинга устанавливается в процентах от ширины пробела (space) используемого шрифта, может быть как положительным (когда знаки раздвигаются) , так и отрицательным (когда знаки вдвигаются друг в друга)
   Легко видеть, что расстояние между парами AV и WA выглядит разным, хотя формально оно одинаково. Для того, чтобы между любыми двумя буквами расстояние было визуально одинаковым, и применяется кернинг.