Выравнивание букв «неправильно» выглядит более «правильно»

В настоящее время я работаю над логотипом для клиента. Вот работа в процессе.

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

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

Конечный результат, я думаю, более приятен в своем раскладе

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

Скажите, я подхватил здесь вредную привычку? Мой клиент прав? Если это правильно, у этого типа выравнивания есть имя? Или есть статья где я могу сослаться на моего клиента?

Да, это законные вещи, и у них есть имена.

«Визуальное выравнивание» или «Оптическое выравнивание»

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

Более конкретные технические термины, приведенные ниже, используются не очень часто (мне пришлось их искать), они просто для любопытных.

Типографский перестрелка

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

Оптическое выравнивание полей

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

Вот как википедия в настоящее время иллюстрирует это:

Если вы посмотрите на многие шрифты, то заметите, что кривизна буквы «s» пронизывает идеальное выравнивание базовой линии и многих других маленьких букв. И как правило, круглые формы, как правило, делают это - проникают в основание прямых краев. У меня была статья об этом явлении и о том, почему это происходит, где-то в моих закладках, но эта ссылка уклоняется от меня в данный момент.

Рисунок 1 : Некоторые примеры круглых 's' прокалывания базовой линии, с выделением прокалывания базовой линии.

Если вы посмотрите, это делают даже очень геометрические шрифты (см. Рис. 1). Это случается чаще, чем нет - настолько, что, как правило, я слышал об этом. Однако обратите внимание, как количество отличается от ситуации к ситуации и от формы к форме. Так что все еще сегодня это ваши глаза, которые решают.

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

Изображение 2 : тот же эффект в сторону. Это обычно происходит, если у вас есть прямые линии и изогнутые линии, смешанные вбок.

PS : Извините, шрифты, доступные на моей временной рабочей станции, немного ограничены.

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

Не веришь мне? Позволь мне объяснить:

Посмотрите на это изображение:

Круг и треугольник чувствуют, что они имеют одинаковый вес для вас? Правда в том, что они имеют одинаковую высоту, но разную площадь.

Теперь давайте покажем, как они выглядят с одной и той же областью:

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

Без направляющих:

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

Ширина обводки также вступает в игру, когда дело доходит до визуального выравнивания. Взгляните на это:

Это не совсем правильно, хотя масштабирование и интервал одинаковы, а?

Вывод здесь заключается в том, что мы должны увеличивать величину компенсации по мере увеличения хода, обращая внимание на балансировку счетчиков. Фактически, когда у нас есть контрформы, они преодолевают очертания формы, и их равновесие становится более значительным, чем сама твердая форма. Именно это и сделала Nintendo при разработке логотипа переключателя Nintendo .

Чтобы прочитать более подробно, ознакомьтесь со статьей Фабио Мартинса « Искусство глазного яблока - часть III: перестрелка», из которой я практически украл изображения и часть содержимого этого ответа.

Также ознакомьтесь с этой замечательной статьей о типографских иллюзиях, в которой говорится об этом эффекте.

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

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

Такие вещи входят в игру ВСЕ ВРЕМЯ в типографии. Например, в заголовке по центру, пропуская завершающий период в конце выступа линии, таким образом, линия технически не в центре, но средний вес линии находится в мертвой точке.