Вирівнювання літер "Неправильно" видається більше "Правильно"

Зараз я працюю над логотипом для клієнта. Ось незавершена робота.

Мені здається очевидним, що S повинен вирівнюватися з лінією вище. Я відчуваю, що найкращий спосіб його вирівнювання - це вирівнювання нижньої частини S, а не верхньої кривої, навіть думаючи, що верхня крива виступає більше. Дивіться наступний приклад

Також на іншому кінці логотипу AI відчуває щось подібне, мінімізуючи трикутник білого простору в кінці логотипу

Кінцевий результат, на мою думку, приємніший у його вирівнюванні

Я вважаю, що це правильно, але мій клієнт ставить під сумнів це. Таке вирівнювання - це звичка, яку я підхопив протягом своєї кар’єри, тому мене офіційно цього не вчили, адже я не можу згадати, де я це взяв.

Скажіть, чи я тут взяв шкідливу звичку? Чи правильно мій клієнт? Якщо це правильно, чи має такий тип вирівнювання назву? Або є десь стаття, до якої я можу звернутися до свого клієнта?

Так, це законні речі і вони мають назви.

"Візуальне вирівнювання" або "Оптичне вирівнювання"

Це загальний принцип - ви вирівнюєте оком те, що візуально виглядає правильно, а не за правилом. Він використовується не тільки в типографії, але в будь-якому місці важлива візуальна узгодженість, наприклад, при розробці наборів іконок - щоб ікони з кривими виглядали акуратно, коли вишиковуються піктограми з прямими краями.

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

Типографічний оверсайз

Це коли персонаж проходить відповідну вертикальну точку, тому що це виглядає більш природно, ніж строго зупинятися. Відповідь Джоджаа має безліч чудових прикладів цього, я просто додам цю з типографічних стандартів Майкрософт (не смійтесь, незважаючи на те, що в світі є Comic Sans, що в MS загалом непогана команда з типографії), що показує, що це не просто базовий рівень де це використовується:

Оптичне вирівнювання поля

По суті горизонтальний промах, зазвичай застосовується до вигнутих або нахилених символів та інших символів, що мало відповідають краю, що виглядатиме неправильно проти жорсткої лінії. Це в основному жорстке керування на полях, і символи, до яких він застосовується, як правило, ті самі, що отримали б жорстке керування в іншому місці.

Ось як Вікіпедія зараз це ілюструє:

Якщо ви подивитесь на багато шрифтів, ви помітите, що кривизна літери пронизує ідеальне вирівнювання базової лінії та багатьох інших малих літер. І як правило, це круглі форми мають тенденцію до цього - проколюють базову лінію прямих країв. У мене була стаття про це явище, і чому воно відбувається, десь у моїх закладках, але посилання ухиляється від мене на даний момент.

Зображення 1 : Деякі приклади кругового проколювання базової лінії з виділенням пірсингу базової лінії.

Якщо ви подивитесь, це роблять навіть дуже геометричні шрифти (див. Зображення 1). Це трапляється частіше, ніж це не так - настільки, що я, як правило, чула про це. Однак зауважте, як сума відрізняється від ситуації до ситуації і від форми до форми. Так що сьогодні вирішують саме ваші очі.

Якщо ваше око захоплюється, ви також помітите, що деякі бланки також пронизують вертикаль збоку. Це тому, що те саме явище відбувається і там.

Зображення 2 : Такий же ефект набік. Це часто трапляється, якщо у вас прямі та вигнуті лінії змішані збоку.

PS : На жаль, шрифти, доступні на моїй тимчасовій робочій станції, дещо обмежені.

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

Не вірите мені? Дозволь пояснити:

Розгляньте це зображення:

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

Тепер покажемо, як вони виглядають з тією ж зоною:

Зауважте, що створено як для кола, так і для трикутника. І коло, і трикутник виглядають незрівнянно візуально незбалансованими (особливо трикутником), але, коли ми розігруємо масштаб і вирівнюємо основу трикутника з квадратом, ми отримуємо таке, візуально привабливе зображення:

Без напрямних:

Зауважте, що перевиконання все ще відбувається з обома, але різними способами. Це зовсім протилежне поганій практиці, це те, що необхідно для досягнення належного зорового балансу - нам часто потрібно пограти з розмірами, шириною, інтервалом та вирівнюванням фігур, виходячи з конкретних предметів, які ми використовуємо. Для цього немає конкретної формули, це залежить від складу та бажаного результату. Майте на увазі, що при зміні розміру вертикалі вам, швидше за все, потрібно буде змінити горизонтальний проміжок на стільки ж, щоб зберегти належний простір:

Ширина ходу також грає, коли мова йде про візуальне вирівнювання. Погляньте на це:

Це не дуже добре, навіть якщо масштабування та відстань однакові, так?

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

Щоб прочитати більш докладно, ознайомтеся зі статтею Фабіо Мартінса « Мистецтво очного баскетболу» - Частина III: Перевірка, звідки я практично вкрав зображення та частину вмісту цієї відповіді.

Я не маю жодних статей, щоб їх підкріпити, але зі свого досвіду можу сказати, що ви вірні. Так само, як ручне керування, розбіг та вирівнювання форм букв (та інших об'єктів), як це - частина науки, частина мистецтва. Нехай ваш погляд та кишки спрямовують вас, а не точні цифри та математику.

Концепція, яку тут грають, полягає в тому, що ваше око (тобто ваш мозок) обробляє криві інакше, ніж це прямо. Таким чином, схожим на те, як ви "бачите" півтони як плавний тон, ваше око знаходить усереднене розташування як сприйняте "край" вигнутої літерної форми. Ваше положення ваших логотипів є "правильним" відповідно до цього поняття. Ключовим є звичайно "як донести до буквально налаштованого клієнта, який визначає, чи стирчать серіфи, чи інше таке буквальне розміщення.

Така річ вступає в гру ВСЕ ЧАС у друкарні. Наприклад, у центрі заголовка, що дозволяє проміжок часу в кінці рядка, що перекривається, таким чином лінія технічно не є центром, але середня вага лінії є мертвим центром.