Выравнивание букв "Неправильно" выглядит более "Правильно"

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

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

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

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

Типографский выброс

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

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

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

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

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

Изображение 1 : Некоторые примеры круглых «s», пронзающих базовую линию, с выделенными проколами базовой линии.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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