Что такое кернинг?
- Типографика
- 2 мин на чтение
- 11314
Каждый, кто интересуется дизайном – будь то разработка сайтов, графика или мультимедиа – обязан знать тонкости работы с кернингом. Этот элемент типографики практически не заметен непрофессионалам, но сразу же бросается в глаза тем, кто знает, где его искать.
Обучение эффективному кернингу – это, прежде всего, тренировка наблюдательности и внимания к деталям.
И всё-таки, что означает это понятие?
Кернинг — это уменьшение или увеличение расстояния между буквами, из которых складывается слово. Выбор правильного интервала превращается в отнюдь не простую задачу, поскольку символы по-разному заполняют собой пространство (в зависимости от регистра, высоты основного штриха (ствола буквы), выносных элементов, наличия или отсутствия засечек и т.
п.).
Мы расскажем вам о том, как научиться обращать внимание на этот важный элемент типографики, а также поделимся ссылками на полезные ресурсы с дополнительной информацией.
Когда межбуквенный интервал шрифта не определён, каждый последующий символ располагается рядом с предыдущим, начинаясь строго в его конечной точке. Это наглядно видно на верхнем изображении со словом “AWE.” Между буквами A и W осталось много незаполненного пространства, тогда как W и E практически прилипли друг к другу. В результате текст выглядит неряшливо и вводит читателя в заблуждение: так всё-таки “A WE” или “AWE”?
В большинстве программ для обработки и редактирования текста применяется автоматический алгоритм настройки кернинга, который определяет стандартный межбуквенный интервал для того или иного шрифта. Существует два способа автоматической настройки кернинга: метрический и оптический.
При выборе оптического способа расстояние между буквами устанавливается в соответствии со значениями из таблицы кернинговых пар, встроенной в файл со шрифтом.
Такая настройка позволяет аккуратно выровнять шрифт и является стандартной для большинства текстовых редакторов. Метрический кернинг используется только при работе с профессиональным текстовым ПО.
В этом случае оптимальный межбуквенный интервал вычисляется на основе информации о контуре каждой отдельной буквы.
Разрабатывая дизайн гарнитуры шрифта, хочется иметь возможность полностью контролировать то, каким образом буквы будут размещаться друг за другом при наборе. В таком случае кернинг нужно устанавливать вручную. Обратите внимание: буквы A и W сдвинуты ближе друг к другу, чтобы устранить незаполненное пространство, образовавшееся двумя диагональными линиями при автоматическом кернинге.
Успешные дизайнеры стремятся к совершенству во всех, даже самых мельчайших деталях, и ручной кернинг позволяет добиваться идеальных результатов.
Учитесь правильно кернить текст!
Прежде чем приступить к работе над дизайном собственной гарнитуры, ознакомьтесь с необходимыми требованиями и навыками на подобранных нами полезных ресурсах:
Попробуйте поиграть с межбуквенным интервалом классических шрифтов и проанализируйте получившиеся результаты.
Получите полезные навыки в кернинге в приложении на JavaScript:
Оригинал: creativemarket.com
От переводчиков: надеемся, вам понравилась статья. Будем признательны, если вы укажете нам на ошибки в переводе, чтобы мы их исправили. Найденные ошибки присылайте по адресу [email protected]
- #статья
- #типографика
- 0
Статьи по теме
Кернинг — Оди. О дизайне
25 Сен 2022 4134 0
Мы открываем новую рубрику «Термины дизайна».
В ней мы будем делать небольшое саммари по определенному термину и давать ссылки на примеры, чтобы было легко разобраться в его сути. Сегодня мы расскажем о кернинге и его роли в типографике
Кернинг — это изменение интервала между двумя определенными символами в зависимости от их размера и формы. При наборе текста между парой символов может появиться неправильное расстояние. Кернинг позволяет скорректировать пространство между ними, чтобы улучшить читаемость текста.
Не путайте леттер-спейсинг с кернингом. Первый применяется ко всей строке или тексту, а второй выборочно настраивает расстояния с учётом формы букв.
Книги
Книга Джеймса Феличи «Типографика. Шрифт, вёрстка, дизайн»
Пара цитат из книги:
Чтобы успешно выполнять кернинг, отображение текста на экране необходимо увеличить. Чем больше масштаб, тем точнее изображается шрифт и пробелы между буквами. Чем меньше пикселы экрана (относительно размера букв), тем точнее они напоминают разрешение отпечатанных букв (правда, чтобы достичь разрешения самого скромного принтера, потребуется масштаб свыше 1 000 процентов)
Помните, однако, что при масштабировании увеличиваются не только буквы, но и сами пробелы, которые вы стремитесь настроить.
А если смысл кернинга состоит в создании одинаковых пробелов во всём фрагменте текста, то для достижения желаемого результата хотелось бы иметь перед глазами весь фрагмент. Увеличив же изображение так, чтобы видеть только две буквы, которые участвуют в кернинге, вы теряете возможность сравнения
🇬🇧 Выдержка из книги Дэвида Киндерсли «Optical Letter Spacing»
Каждая буква должна находиться точно по центру между двумя соседними, то есть она должна занимать пассивную позицию между соседями
Статьи
Базовая статья «Что такое кернинг?»
Расстановка букв в словах, или Кернинг
Правильная типографика: 9 фактов о кернинге
Принципы использования межбуквенного интервала
Про кернинг и трекинг в типографике
🇬🇧 Explore text properties — справочная статья Figma по работе с текстом. Она поможет разобраться с горячими клавишами для управления параметрами шрифта, в том числе и кернингом
Образование
Лекция Игоря Штанга «Теория графического напряжения» о том:
- Что такое графическое напряжение
- Как графическое напряжение связано с физикой
- Как напряжение распределяется на формате
- Что такое кернинг и как создается напряжение в надписи
- Чем напряжение отличается от динамики
- Примеры графического напряжения в классической и современной верстке
Инструменты
FontLab 8 — профессиональный шрифтовой редактор для MacOS и Windows, который помогает создавать шрифты от начала до конца, от простого дизайна до сложного проекта, включая и настройку кернинга
Десерт
Игра KERNTYPE.
Двигаете буквы и узнаете, насколько крут ваш кёрнинг
Keming — английский неологизм, которым обозначают результат плохого кёрнинга
Поделиться
Отправить
Твитнуть
Запинить
Кернинг Образование Статьи Термины Типографика Шрифтовой дизайн
кернинг: это не всегда хорошо.
Дизайнеров часто учат с первого курса типографики, что кернинг является ключевым аспектом типографики. Шрифт без кернинга — признак дизайнерской неряшливости и бесцеремонного подхода к шрифту. Но не графическим дизайнерам кернинг может показаться загадочным и неважным делом. «Мне кажется, это нормально», — могут ответить они, когда вы скажете им, что вам просто нужно настроить кернинг.
Клиент не всегда может быть прав, но в данном случае вполне может быть.
Избыток кернинга вызывает больше проблем, чем отсутствие кернинга.
Это не означает, что кернинг не может улучшить настройку отображаемого типа, но избыточный кернинг часто создает более странные и уродливые проблемы, чем если бы мы просто оставили шрифт в покое, особенно, как это почти всегда бывает, когда в изображении присутствует кернинг. шрифт.
Проблемы с оценкой межбуквенного интервала имеют долгую историю, даже длиннее, чем сама типографика. Знаменитая надпись у основания колонны Траяна в Риме, написанная почти на 1400 лет раньше Гутенберга, показывает примеры этого.
Во времена дерева и металла, когда кернинг означал использование пилы или напильника для ваших букв, это было то, что можно было делать, а можно и не делать крупным шрифтом.
Вы не увидите кернинг в текстовом виде, хотя литейщики иногда включают кернинг в свои проекты; в металлическом шрифте часть буквы могла свисать за пределы шрифтового блока — и эта выступающая часть называлась керном — чаще всего для курсива.
Когда во второй половине 20-го века появились машинки для печати на пленке, фототипы и цифровые шрифты, межбуквенный интервал и кернинг полностью перешли под контроль наборщика. В то время как кернинг стал выполняться легко, он привел к очень плотному набору шрифта. И вот здесь оверкернинг действительно закрепился.
Нет ничего плохого в очень жесткой общей настройке типа отображения: это визуальный стиль. Проблема возникает, когда люди сосредотачиваются на отношениях между отдельными буквами, а не на общей обстановке.
хорошо поставлен (хотя и тесноват на текущий вкус), голова, которую производит оператор
, имеет некоторые проблемы с интервалами.
ST в LAST кажется более плотным, чем LA.
С момента появления цифровых шрифтов большинство производителей включили значения кернинга в свои гарнитуры, что либо делается визуально разработчиками шрифта, либо с помощью службы алгоритмического кернинга, либо с помощью алгоритма редактора шрифтов, либо, возможно, с помощью комбинации трех . Наиболее распространенные программы, используемые для настройки шрифта, включая программы обработки текстов, могут распознавать встроенный кернинг. И в большинстве случаев этот кернинг довольно хорош.
Тип отображения
Тип отображения в заголовках и логотипах — это то, что привлекает наибольшее внимание при кернинге — как и должно быть. Это также место, где чаще всего случаются плохие вмешательства кернинга. Большинство шрифтов (но далеко не все) имеют оптимизированный кернинг и интервалы для небольших размеров, поэтому небольшой кернинг часто делает заголовок лучше.
Но слишком большое внимание к кернингу часто может привести к тому, что шрифт будет установлен хуже, чем керны по умолчанию. Еще одна вещь, которая иногда случается с дизайнерским кернингом, — это тенденция ставить равные промежутки между буквами.
Кернинг в некоторой степени субъективен. Конечно, буквы в слове должны располагаться через равные промежутки, но дизайнеры могут не согласиться с тем, на какие части соотношения букв важно обращать внимание для обеспечения хорошего интервала. Примером может служить логотип Roots. Если вы сосредоточитесь на верхних частях букв в слове, вы получите другое впечатление о взаимоотношениях букв, чем если вы сосредоточитесь на нижних частях.
Кернинг в текстовом типе
Ни один дизайнер вряд ли будет настраивать керны в текстовом типе, даже если он использует программу, которая позволяет это делать, поскольку профессиональные дизайнеры шрифтов тщательно следят за интервалами и кернингом. Тем не менее, разработчик шрифтов может чувствовать необходимость кернить текст, чтобы он лучше выглядел при увеличении, чем обычно, потому что именно так часто сталкиваются с этим потенциальные покупатели шрифтов.
Это может привести к тому, что шрифт будет немного тугим и слишком грубым. Тем не менее, для текста логичным выбором являются метрические ядра, но даже это может быть не обязательно лучшим, потому что некоторые метрики не имеют смысла в каждой итерации. А если учесть, что кернинг текстового типа не применялся до второй половины 20-го века, можно возразить, что пары кернов в некоторых шрифтах вряд ли нужны.
В этом случае большой метрический кернинг между пространством слов и W и T делает оптический кернинг лучшим выбором, так как полученное пространство между словами слишком мало как для заглавных, так и для строчных букв. Оптический кернинг
Оптический кернинг использует алгоритм, уравновешивающий абсолютную близость форм с пробелами между ними, что дает результат, обычно близкий к метрическому кернингу. Если кернинг в шрифте сделан хорошо, оптический кернинг будет не таким хорошим, поскольку может испортить ритм шрифта. В конце концов, это, вероятно, не будет иметь большого значения для читателя. Шрифтовые пуристы, скорее всего, будут настаивать на том, что керны литейных шрифтов являются лучшими, даже в шрифтах с менее чем хорошими решениями кернинга. Мнения относительно того, следует ли использовать оптический кернинг для текста, разделились достаточно поровну, чтобы предположить, что использование любого из них приемлемо.
Брюса Роджерса. Заголовок явно криворукий.
В то время как T без кернинга и строчные буквы
могут показаться слишком открытыми для нашего современного восприятия,
отсутствие кернинга в тексте
не портит общего впечатления от
.
Оптический кернинг особенно полезен при совместном использовании двух разных шрифтов (поскольку пары метрических кернов работают только в одном шрифте) и со шрифтами, содержащими цифры без пропорциональных цифр в качестве опции открытого типа.
Лучшая практика, лучшие результаты
Существуют различные методы, которые люди предлагают для корректировки кернинга, такие как просмотр шрифта вверх ногами, уделение большего внимания балансировке белого пространства между положительными формами глифов или размытие шрифта для получения лучше понимать отношения букв. Проблема с этими методами заключается в том, что, хотя они могут дать некоторое представление о проблемах, они не являются тем, что мы на самом деле видим.
При отображении читатели видят слова целиком. При чтении текста они не видят шрифт каким-либо осмысленным образом; они сосредоточены на содержании. Вещи, которые могут ухудшить этот фокус, — это плохое обоснование и своего рода визуальные «горячие точки», возникающие из-за того, что буквы расположены слишком близко друг к другу. Часто улучшение кернинга может заключаться в уменьшении кернинга, а не в его увеличении. Если вы обнаружите, что вносите большие изменения после применения метрического или оптического кернинга, вы, вероятно, на неверном пути. Возможно, лучший способ приблизиться к типу отображения кернинга — это рассмотреть группы из трех символов. Если каждая трехбуквенная комбинация хороша, то и кернинг будет хорошим.
Оптический кернинг полезен в случаях, когда разные шрифтыиспользуются вместе, как в двух верхних случаях
, а также для шрифтов, которые не имеют пропорциональных цифр
.
Вмешательство кернинга когда-то было необходимостью для хорошего отображения.
Теперь у высококачественных шрифтов есть кернинг, который должен работать в тексте и требует лишь незначительных изменений в настройках отображения. Тип отображения часто должен быть более плотным, но уменьшение общего отслеживания — это первое действие, которое необходимо предпринять, а корректировка кернов после этого должна быть незначительной. Настройки заглавных букв могут потребовать более тщательного изучения, поскольку отношения между буквами, скорее всего, будут определяться словами, которые они передают. Тем не менее, вместо того, чтобы придерживаться мнения, что дизайнеры должны кернинговать шрифт, полезнее ожидать, что кернинг уже будет хорошим, и вносить изменения только в том случае, если они незначительны.
Мы ожидаем кернинг в текстовом типе, и обычно с этой задачей справляются литейные керны. Если в целом они не очень хороши, возможно, имеет смысл выбрать другой шрифт или, в противном случае, использовать оптические керны. Дизайнеры не должны чувствовать себя обязанными кернить, так как их усилия могут привести к ухудшению шрифта.
В большинстве случаев вы должны быть в состоянии доверять мнению дизайнеров шрифтов о том, как их шрифт должен располагаться. Нужна критическая позиция, а не активная. ca
Начало в середине 19В 80-е годы Ричард Хант ([email protected]) работал в типографике, сначала как владелец шрифтового магазина, а затем как консультант по типографике. В настоящее время он преподает в Университете OCAD в Торонто и является автором книги Advanced Typography (Bloomsbury).
11 советов по кернингу для улучшения типографики
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
В типографике кернинг определяется как настройка расстояния между двумя отдельными буквами. Также нередко пренебрегают, когда вы приближаетесь к концу изнурительного дедлайна.
Ваши клиенты могут не знать, что такое кернинг, но они поймут, что что-то не так, если в их дизайне шрифт с плохим кернингом.
Делая это правильно, вы помогаете дизайну выглядеть более профессионально, поэтому потратить всего пару минут на кернинг вашего шрифта должно быть второй натурой любого профессионального дизайнера.
Вот 10 полезных советов.
1. Позаботьтесь об интерлиньяже и отслеживании перед кернингом
_
Отслеживание — это общий интервал между группами букв. Интерлиньяж — это вертикальное расстояние между строками текста. Важно сначала внести необходимые корректировки в интерлиньяж и трекинг, потому что выполнение этого после кернинга может свести на нет баланс в уже сделанных вами корректировках кернинга.
2. Не позволяйте программному обеспечению шрифтов выполнять кернинг за вас
_
Когда дело доходит до заголовков и логотипов, вам необходимо выполнять кернинг букв самостоятельно, а не полагаться на интервалы по умолчанию, предусмотренные для вас в программном обеспечении шрифтов. Каждый шрифт будет иметь разные пространственные отношения для своих букв, поэтому вам придется настраивать кернинг по-разному для каждого из них.
Графические программы поставляются с инструментами автоматического кернинга, такими как стандартный Метрический кернинг и Оптический кернинг , которые регулируют расстояние между буквами в зависимости от их формы. Однако кернинг вручную даст вам больше контроля.
Для кернинга шрифта вы будете использовать панель «Символы», которая будет выглядеть практически одинаково, независимо от того, работаете ли вы в Photoshop, InDesign или Illustrator. Начните с открытия панели «Персонажи». Затем дважды щелкните курсором между двумя буквами того типа, который вы хотите кернить. Это активирует инструмент типа. Затем перейдите на панель «Символ» и измените числовые значения в инструменте кернинга, экспериментируя, увеличивая и уменьшая значение, что изменит интервал между парами букв.
Сочетание клавиш: Нажмите между двумя буквами, удерживайте нажатой клавишу option или Alt и используйте клавиши со стрелками вправо и влево, чтобы настроить кернинг.
3. Создать равное
воспринимаемое расстояние между буквами_
Кернинг не является математически равным пространством, это воспринимаемое равное расстояние между буквами в соответствии с человеческим глазом. Когда-то распространенная техника кернинга заключалась в визуализации и заполнении песком промежутков между буквами и попытке сделать объемы песка равными.
Когда вы выполняете кернинг, следите за тем, чтобы не слишком сильно увеличивать шрифт, иначе расстояние будет казаться обманчиво большим, чем истинный конечный результат.
4. Понимание пространственных отношений между различными буквами
_
Все буквы представляют собой комбинацию прямых, закругленных и диагональных граней, поэтому понимание их основных отношений является полезной отправной точкой. Один из способов оценить правильный кернинг букв — это рассматривать расстояние между двумя прямыми буквами как 1 единицу, расстояние между прямыми и круглыми буквами чуть меньше 1 единицы, а расстояние между двумя круглыми буквами даже чуть меньше 1 единицы.
единица.
Буквы с диагональными сторонами, такие как A, V и Y, являются наиболее сложными для кернинга из-за большего отрицательного пространства, которое они создают. Они требуют особого внимания, но не должны использоваться в качестве ориентира для интервала всего слова.
5. Переверните шрифт вверх ногами
_
Это поможет вам увидеть свой шрифт как группу равноудаленных фигур, не отвлекаясь на значение слов.
6. Керн группами по три
_
Попробуйте проделать это, начав с первых трех букв слова и заблокировав остальные буквы рукой или листом бумаги. Как только вы настроите интервал между первыми тремя буквами, переместите взгляд на одну букву, пока не дойдете до конца слова.
7. Не забывайте, что чем меньше, тем лучше
_
Лучше слишком мало кернить, чем переусердствовать. Шрифт, расположенный слишком близко друг к другу, непривлекателен и труден для чтения.
8. Используйте различные решения кернинга для больших и малых версий вашего шрифта
_
Это особенно необходимо для отображения уменьшенных и увеличенных версий логотипа.
Различия в кернинге не так очевидны в шрифтах меньшего размера, но в заголовках и логотипах они становятся намного более очевидными. Иногда также необходимо иметь более свободный кернинг для небольших версий логотипа.
9. Остерегайтесь сложных комбинаций букв
_
Такие буквы, как заглавные W, Y, V, T, L и P, строчные y и k, являются одними из самых сложных букв для керна. То же самое и с прописными и строчными буквами, расположенными рядом друг с другом. Чтобы исправить эти проблемы с пробелами, попробуйте сначала выполнить кернинг этих сложных букв, а затем кернить остальные буквы.
10. Много тренируйтесь (и попробуйте эту классную игру с кернингом)
_
Все эти приемы требуют практики, прежде чем они станут вашей второй натурой. Для начала попробуйте эту забавную игру с кернингом, которая сравнивает ваши решения кернинга с решениями мастера-типографа и выставляет вам соответствующие оценки. Мы также собрали здесь полный список типографских игр.
