Стендап Сьогодні
📢 Канал в Telegram @stendap_sogodni
🦣 @stendap_sogodni@shevtsov.me в Федиверсі

🤖🚫 AI-free content. This post is 100% written by a human, as is everything on my blog. Enjoy!

11.09.2025

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


Яка тобі більше до вподоби?

Сьогодні на роботі навчили явища, з яким я зіткнувся на власному досвіді, але не знав, що це прямо базова дизайнерська практика.

Виявляється, що гармонійний дизайн не завжди є математично “ідеальним”. Та навпаки — розташовані “точно” предмети доводиться посунути, щоб вони ще й мали гарний приклад. Цей спосіб називається оптичне вирівнювання.

Мабуть, найпоширеніший приклад — це центрування тексту кнопки за вертикаллю. Розмір тексту враховує й великі літери, але буде гармонійніше, якщо вирівняти центр саме малих літер. Бо головна “маса” підпису складається саме з них.

Або ще приклад: якщо поруч стоять квадрат та коло “однакового розміру”, то діаметр кола повинен бути трохи більшим за сторону квадрата. Тут легше зрозуміти, бо фактично повинна збігатися площа фігур.

Але то все дрібниці. Колись я робив собі значок для проєкту та намалював оцей цікавий трилисник. Він, взагалі-то, має центральну симетрію. Математичну, без жодних трюків. Проти коли я захотів розмістити його в колі, то з центральним розміщенням значок був незбалансованим, наче “задраним нагору”. Тоді я просто вручну підібрав зсув вниз, та дуже бентежився “неідеальністю” рішення. А тепер дізнаюся, що так всі роблять! І це абсолютно нормально.

Як дуже схожий поширений приклад: трикутна кнопка “Play” теж не відцентрована!

Такий він, дизайн — не про цифри, а про відчуття.