Есть ли общее правило относительно расстояния между шрифтами?


10

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


По мере практики я выполнял небольшую семейную работу, как будто я создал этот дизайн из 3 букв, и все это в значительной степени было "нестандартным шрифтом". Я показывал это моей семье и друзьям ...

Мой дядя (который в креативной индустрии сказал:

Вы выровняли это идеально (математически), но что касается визуально (это все еще выглядело очень хорошо), между разными буквами требуется разное расстояние.

[Как меньше места между E и следующей буквой.]


Поэтому я начал изучать его, посмотрел на различные шрифты и заметил, что он был прав:

В шрифте Arial очень мало места между r и i и более чем вдвое больше по обе стороны от a , но у A меньше места.

Мой вопрос:

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

Примечание. Линия измеряется с использованием самой дальней точки достижения с каждой стороны буквы и прямой линии поперек

Примечание. Линия измеряется с использованием самой дальней точки достижения с каждой стороны буквы и прямой линии поперек


6
Это называется кернинг . Просмотрите некоторые предыдущие вопросы и ответы (например, мой вопрос: graphicdesign.stackexchange.com/q/68245/52050 ), вы найдете много полезной информации
Cai,

Ответы:


14

Это называется кернинг , который является дополнительным интервалом, применяемым к определенным парам символов 1 .

Цель состоит в том, чтобы иметь воспринимаемое равное расстояние между глифами. Математически равный интервал, основанный на ограничительной рамке каждого глифа, не всегда работает, так как глифы имеют очень разные формы; некоторые имеют много пустого пространства внутри ограничительной рамки, а некоторые почти нет. Символами, которые обычно нуждаются в кернинге, являются символы с наклонными формами (например, «W», «V», «A») и символы с «руками» или большими перекладинами (например, «T», «F»).

Возьмите строку «AVAIL» в качестве примера. Если кернинг не применен, пустое пространство между «A» и «V» очень очевидно:

введите описание изображения здесь

Поэтому мы применяем некоторый отрицательный кернинг, чтобы внести его:

введите описание изображения здесь

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

введите описание изображения здесь

Столкновения с "f" обычно также фиксируются с помощью определенных лигатур (но я отвлекся ...)

введите описание изображения здесь

Остерегайтесь столкновения между засечками тоже. "Y" и "p" здесь выглядят небрежно, например:

введите описание изображения здесь

Смотрите также: Каковы некоторые общие пары кернинга?


Несколько распространенных техник

Керн вверх ногами

Перелистывание текста позволяет вам сосредоточиться на формах и пространстве, не отвлекаясь на фактические формы букв, слова и значения; Вы можете просто относиться к ним как к фигурам ...

введите описание изображения здесь

Косой

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

введите описание изображения здесь

Глифы, которые я недавно использовал для типографского дизайна, имеют обе функции, встроенные в редактор:

введите описание изображения здесь

Надувные шары?

Более абстрактная техника, о которой я уже упоминал, упоминалась несколько раз, это техника воздушных шаров ... По сути, вам просто нужно представить шар между каждым персонажем. Воздушные шары должны помещаться между персонажами с как можно меньшим пространством между воздушным шаром и персонажами, без пролива выше или ниже высоты x; все при сохранении той же области.

введите описание изображения здесь

Практика ...

Как и во всем, лучший способ учиться и совершенствоваться - это практика, практика и больше практики.

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

введите описание изображения здесь


1 Или иногда больше. См. Что такое полиномиальная таблица кернинга?


0

Свободные места между глифами должны иметь равные площади, если учитывать диапазон x-height. Кроме того, вы должны определить минимальное расстояние, которое не следует игнорировать, если критерии площади не могут быть полностью заполнены. Это для предотвращения появления персонажей как соприкасающихся друг с другом.

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.