НЕЙМОВІРНІ оптичні ілюзії у дизайні: смуги Маха та ілюзія Херінга

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

Читайте про НЕЙМОВІРНІ оптичні ілюзії в дизайні: трикутник і квадрат

(Mach Bands)

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

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

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

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

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

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

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

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

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

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

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

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

40 речей, про які забувають дизайнери: футер, Favicon, Пагінація + ще 7

ТОП-10 наглядних порад – як використовувати шрифт у веб-дизайні

Кращі безкоштовні шрифти від дизайнерів з Behance: ще 6 ЧУДОВИХ варіантів

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