11 оптичних ілюзій у візуальному дизайні (частина 2)

Час читання: 16 хвилин
1205

Ілюзія одночасного колірного розмаїття

Чи однаково ці  рухливі прямокутники відображають світло? Хммм…

Розташувавши пару об'єктів того самого кольору, але колір заднього плану буде різний, то саме фон впливає на наше сприйняття кольору об'єктів. Цей факт можна назвати «ілюзією одночасного колірного розмаїття». Своєю чергою, контраст — це шаленство у сфері візуального дизайну, отже, всі люди можуть сприймати цей ефект по-своєму.

  11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №1

Колір тексту той самий і справа, і ліворуч — але здається зовсім різним.

На жаль, на сьогоднішній день так і не розробили певну теорію, яка б пояснювала причину появи цього явища, проте цю тему вивчали не раз. Є припущення, що всьому виною літеральне гальмування, яке є основним «сітки Германа» та «смуга Маха».

Ілюзія Мункера-Уайта

 Мої очі обманюють мене?


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

 11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №2

 Причина появи цього ефекту Мункера-Уайта, знову ж таки, літеральне гальмування.

 Ілюзія аквареллі

 Оманлива пікан-тні-сть!

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

 11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №3

 Біла область усередині кнопки набуває легкого відтінку, що відповідає кольору обведення.

 Ілюзія Ястрова

 Чи розмір дійсно має значення?


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

 11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №4

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

 Ілюзія Корнсвіта

 Це слизька стежка.


Поруч із «ілюзією одночасного колірного розмаїття» і «смугами Маха» цілком можлива - ілюзія Корнсвіта. Її фішка в тому, що якщо розташувати поряд два ідентичні градієнти, то один з них здаватиметься яскравішим, ніж інший. Фактично ж, обидва градієнти справді однакові! Переконатись ми можемо, розташувавши градієнти один над одним.

  11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №5

Кожен ромбик — це той самий градієнт, але нам здається, що чим вище, тим світліше.

 Ця помилка схожа з двома попередніми, але є дві відмінності:


  • На лініях Маха «хибну тінь» можна побачити лише на гранях відтінків. Ілюзія Корнсвіта сприяє сприйняттю кольору всієї площини.
  • У результаті ілюзії Корнсвіта, блідий край картинки виглядає ще світліше, відповідно темний - ще більш насиченим. Але контрастні явища працюють якраз у протилежному напрямку.

 Ілюзія Мюллера-Лайєра

Очеп'ятка!

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

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

 11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №6

 Звисання використовується, щоб оптично збалансувати букву 'e' у LinkedIn.

 11 оптических иллюзий в визуальном дизайне (часть 2) - Фото №7

Звисання використовується, щоб оптично збалансувати букву 'z' в Amazon.

Але що є причиною застосування звисання в друкарні? Відповідь лежить в одній із найпоширеніших оптичних ілюзій — ілюзія Мюллера-Лайєра. Робота цієї ілюзії полягає в тому, що якщо розташувати на закінченнях рівні відрізки стрілок, то залежно від зазначення даних стрілок, відрізки з'являться більшими або меншими. Ця типова ілюзія показує, що сприйняття наше зовсім не ідеальне.

Підписуйся на наш телеграм-канал
Більше цікавого про маркетинг та дизайн В нашому телеграм-каналі. Підписуйся😀