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

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

Ми розглянемо 11 оптичних ілюзій, з якими ви можете часто зіткнутися. 

1. Вирівнювання трикутника по центру

Іконки можуть обманювати, особливо ті, що мають складну геометрію та непарні пропорції. Не всі іконки всередині є симетричними, піксель-ідеальними або мають правильне співвідношення сторін. Деякі вимагають прямого втручання, особливо, кнопка відтворення!

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

Якщо навколо трикутника описати квадрат і розмістити його по центру іншого прямокутника, то здається, ніби трикутник зміщений убік:

Існує 2 теорії цієї дуже цікавої ілюзії:

Хибне масштабування безконечності

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

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

Центр гравітації / центр площі

Центр площі розраховується перетином відрізків проведених від кутів трикутника до середин протилежних сторін трикутника (видно на малюнках). Точка зміщена від центру. А людський зір розсташовує центр трикутника між цими двома точками.

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

Ось формула:

Формула, щоб знайти центроїд трикутника

На практиці вам переважно доведеться це все робити без формул, а просто на око 🙂

2. Видовжений квадрат

Це прямокутник чи квадрат?!

Квадрати є основними елементами будь-якої дизайнерської системи. Їх можна побачити у Material Design, Facebook, Pinterest, Dribbble…

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

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

Цей ефект відомий як вертикально-горизонтальна ілюзія.

Зображення в публікації Facebook – це квадрат

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

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

Далі буде!

Не пропустіть:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

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