Кернинг что это такое
Кернинг и трекинг
Кернинг — это увеличение·или уменьшение·интервала между определенными парами символов. Трекинг — это метод увеличения или уменьшения плотности текстового блока.
Значения кернинга и трекинга применяются к текстам на японском языке, но как правило эти параметры используются и для настройки межсимвольного интервала между символами латиницы.
Кернинг текста можно выполнять автоматически, используя функции метрического или оптического кернинга. Метрический кернинг использует кернинговые пары, которые включены в большинство шрифтов. Шрифты содержат применяемые в процессе кернинга сведения об интервале между буквами в конкретных парах. Вот некоторые из них: 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 отобразит значения трекинга на палитре «Символ» и на палитре «Управление».
Применение кернинга к тексту
Можно применять один из двух типов автоматического кернинга: метрический или оптический; или можно настроить промежуток между буквами вручную.
Урок типографики: интерлиньяж, кёрнинг
Если вы занимаетесь Web-дизайном, но вам еще есть куда совершенствоваться, то, возможно, вам будет интересна наша небольшая статья о типографике. При разработке дизайна сайта необходимо четко понимать, как работать с текстом, а именно с межстрочным расстоянием, межсимвольным расстоянием, да и вообще, как выбрать шрифт. В этой статье мы постараемся внести ясность в такие аспекты веб-типографики, как интерлиньяж и кернинг. Мы научимся тому, как и когда их применять.
Для начала, откроем панель «Character» в фотошопе. Там находятся нужные вам настройки текста. Если не можете найти эту панель в рабочем пространстве, то откройте через Window-Character.
Leading (Интерлиньяж)
Стандартной пропорцией интерлиньяжа считается 120%. То есть, если размер (size) шрифта 20 точек (pt), то интерлиньяж должен быть 24 точки (pt).
Сокращение интерлиньяжа до показателя ниже 120% создает слишком высокую «скученность» и плотность символов, а также создает риск столкновения элементов символов между собой.
Чтобы отрегулировать интерлиньяж в Photoshop, используйте соответствующее (Leading/Интерлиньяж в зависимости от языка интерфейса) поле в панели Character. Редактироваться будет интерлиньяж того слоя текста, который в данный момент выделен.
В некоторых случаях вам, возможно, понадобится, чтобы расстояние между одними строками были больше, чем между другими. Для редактирования интерлиньяжа отдельных строк операция почти не меняется, за исключением того, что выделяете вы не весь текстовый слой целиком, а только те строки, интерлиньяж которых надо изменить.
Кёрнинг
Кернинг может быть вручную отрегулирован в панели Character в Фотошопе. Перед этим выставьте курсор между символами, расстояние между которыми собираетесь регулировать. Есть способ побыстрее. Также выставьте курсор между этими двумя символами, а затем, зажав клавишу Option, нажимайте стрелки влево/вправо. Результат будет нагляден.
Вот несколько вещей, которые нужно помнить о кернинге
12 лет работаем с лидерами рынков и молодыми амбициозными компаниями
— Реализуем любой сервис с нетипичным функционалом;
— Переезды на Битрикс, интеграции со всем на свете;
— Налаженная система менеджмента: четкое соблюдение дедлайнов и ТЗ
Кернинг
Ке́рнинг (англ. kerning ) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы.
Технология кернинга, появившаяся в полиграфии после внедрения фотонабора (а затем и компьютерного набора), включает подбор межбуквенных интервалов для конкретных пар букв с целью улучшения внешнего вида и удобочитаемости текста. Такой избирательный подбор позволяет компенсировать неравномерности визуальной плотности текста, получаемой при использовании стандартных апрошей для каждой буквы. Легко видеть, что расстояние между парами AV и Wa (в верхней части рисунка) выглядит разным, хотя формально оно одинаково. Для того, чтобы между любыми двумя буквами расстояние было визуально одинаковым, и применяется кернинг.
Значение кернинга в программах вёрстки устанавливается в процентах от ширины символа пробела используемого шрифта; оно может быть как положительным (когда знаки раздвигаются), так и отрицательным в случаях, когда знаки приближаются друг к другу.
Ссылки
 Типографика | |||||||
|---|---|---|---|---|---|---|---|
| Страница | Колонка [ru] · Колонтитул · Колонцифра · Пагинация · Поле [ru] · Принципы композиции страницы [ru] · Разворот |  | |||||
| Абзац | Вгонка и выгонка · Висячая строка · Выключка · Интерлиньяж · Коридор · Трекинг | ||||||
| Символ | Апрош · Астеризм · Базовая линия · Буквица · Верхний индекс · Выносные элементы · Глиф · Диакритические знаки · Капитель · Кернинг · Лигатура · Маюскул · Микротипографика · Минускул · Минускульные цифры · Нижний индекс · Символьный шрифт · CamelCase · x-высота [ru] | ||||||
| Классификация шрифтов |
| ||||||
| Начертание шрифта | Жирный шрифт · Курсив · Наклонный шрифт [ru] | ||||||
| Пунктуация | Висячая пунктуация [ru] · Кавычки · Перенос · Тире · Штрих | ||||||
| Вёрстка | Высокая печать · Гарнитура · Глубокая печать · Каллиграфия · Наборный шрифт · Линотип · Офсетная печать · Панграмма · Плоская печать · Ручной набор · Словолитня · Фотонабор · Шрифт · Шрифтовой дизайн [ru] · ETAOIN SHRDLU · Lorem ipsum · Ротационная печатная машина | ||||||
| Единицы измерения | Мера [ru] · Пика [ru] · Пункт · Узкий пробел [ru] · Цифровой пробел [ru] · Em [ru] · En [ru] | ||||||
| Типографские кегли | Агат · Боргес · Бриллиант · Двойное цицеро · Двойной миттель · Диамант · Империал · Квадрат · Корпус · Крупный канон · Малый канон · Миньон · Миттель · Нонпарель · Парангон · Перл · Петит · Реал · Санспарель · Текст · Терция · Цицеро | ||||||
| Компьютерная типографика | Компьютерная вёрстка · Компьютерный шрифт · Набор символов · Настольное издательское ПО [ru] · Растеризация · Хинтинг · ClearType | ||||||
Полезное
Смотреть что такое «Кернинг» в других словарях:
кернинг — (Kerning) Изменение расстояния между знаками, входящими в определенные сочетания (кернинговые пары [пары знаков, требующие дополнительного кернинга]), например: AV, ТД и пр. Кернинг может быть как положительный (когда знаки раздвигаются), так … Шрифтовая терминология
кернинг — Отсутствие промежутка между двумя соседними знаками. Пример Перекрытие рамок знаков при использовании курсива во время печати или отображения на экране. [ГОСТ Р ИСО/МЭК 2382 23 2004] кернинг выравнивание промежутков между смежными символами… … Справочник технического переводчика
Кернинг — измененный интервал между некоторыми буквами слова, регулирование пробела между знаками текста, особенно при наборе малых форматов. К. улучшает вид текста и его удобочитаемость … Реклама и полиграфия
Кернинг — изменение размеров апрошей между соседними буквами для повышения красоты и удобочитаемости текста. Кернинг, в отличие от трекинга. Подразумевает отдельную работу с каждой буквой и подбор ее местоположения в зависимости от гарнитуры шрифта,… … Краткий толковый словарь по полиграфии
кернинг — [3/1] Регулирование пробела между знаками текста. Кернинг улучшает вид текста и его удобочитаемость. дизайн, Полиграфия … Cловарь современной лексики, жаргона и сленга
кернинг — 23.06.36 кернинг [kerning]: Отсутствие промежутка между двумя соседними знаками. Пример Перекрытие рамок знаков при использовании курсива во время печати или отображения на экране. Источник: ГОСТ Р ИСО/МЭК 2382 23 2004: Информационная технология … Словарь-справочник терминов нормативно-технической документации
кернинг — у, ч., полігр. Злиття двох літер, що стоять поруч в одному рядку в одному слові … Український тлумачний словник
кернинг — (анг. kerning) комп. смалување на растојанието меѓу некои букви за да се добие естетски поприфатлив испис операцијата може да се изведува автоматски или рачно … Macedonian dictionary
Несколько интересных фактов о кернинге
Вы когда-нибудь слышали о таком понятии, как кернинг текста (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. В конце концов, когда речь заходит о борьбе за внимание покупателей, важна каждая деталь.
Типографика за 60 секунд. Что Такое Кернинг, Трекинг и Интерлиньяж?
Сделай вид своих текстов великолепным! Научись исправлять межсимвольный интервал и многое другое в этом коротком видео.
Типографика за 60 секунд. Что Такое Кернинг, Трекинг и Интерлиньяж?
Дизайнеры очень внимательны к деталям. Мы знаем насколько важным является пространство в дизайне, особенно в работе с типографикой. Вы можете освоить навык точной корректировки интервалов в своих работах, изучив базовые понятия типографики.
Есть минутка? Освойте эти термины, посмотрев наш короткий урок! Узнайте больше о кернинге, трекинге и интерлиньяже в этом видео
Что Такое Кернинг?
Что Такое Трекинг?
Также известный как «межсимвольный интервал», Трекинг определяет пробел между буквами в целом слове и предложении, позволяя контролировать пространство в тексте равномерно.
Что Такое Интерлиньяж?
Ну и наконец, для контроля междустрочного интервала мы корректируем Интерлиньяж. Увеличив его значение мы можем быстро получит двойной междустрочный пробел или повысить читаемость текста.
Узнай Больше о Типографике
Старт вашей карьеры дизайнера начинается с новыми знаниями. Учи с нашими экспертами, совершенствуя свои навыки с течением времени.
Получи Потрясающие Дизайн Ресурсы
Хочешь создать такое же видео? Скачай ресурсы которые мы использовали в этом ролике: