Оптичні ілюзії в дизайні: смуги Маха та ілюзія Херінга

Людські очі можуть підкидати дуже цікаві сюрпризи, які треба враховувати при створенні графічного дизайну.

ЧИТАЙТЕ також про оптичні ілюзії в дизайні: трикутник і квадрат

3. (Mach Bands)

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

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

Тіні з’являються між краями кожного рядка

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

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

Рентгенівські промені зубів генерують відтінки сірого кольору, що використовуються для аналізу відхилень. Смуги Маха можуть спричинити помилково-позитивний діагноз.

4. Ілюзія Херінга

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

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

Прокрутіть вгору та вниз, щоб побачити ефект вібрації

Це досить простий ефект, хоча Мойре не є оптичною ілюзією як такою – це інтерференційний шаблон. Наприклад логотип Sonos використовує комбінацію моделі Мойре, ілюзії Херінг та ілюзорного руху. Ця техніка досить популярна серед спільноти Op Art.

За матеріалами: blog.prototypr.io

Далі буде!

ДУЖЕ РАДИМО ПОЧИТАТИ:

Звички, які зроблять із Вас кращого UX дизайнера (Частина 1)

40 речей, про які забувають дизайнери (Частина 3)

Кращі безкоштовні шрифти від дизайнерів з Behance: ще 6 варіантів

Оптичні ілюзії в дизайні: трикутник і квадрат

Залишити відповідь