This version of the page http://gagarinstudio.com.ua/article/11opt_illyuzii2 (185.104.45.16) stored by archive.org.ua. It represents a snapshot of the page as of 2019-11-17. The original page over time could change.
Блог Gagarin Studio. 11 оптических иллюзий в визуальном дизайне (часть 2)
RU UA
Gagarin studio Вход для клиентов
0 800 33 10 25 бесплатно по Украине
044 228 08 13 095 417 77 11 067 549 52 82

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

6. Иллюзия одновременного цветового контраста

Эти движущиеся прямоугольники одинаково отражают свет? Хммм…

Расположив пару объектов одного и того же цвета, но цвет заднего плана будет разный, то именно фон воздействует на наше восприятие цвета объектов. Этот факт по праву можно назвать «иллюзией одновременного цветового контраста». В свою очередь, контраст — это безумие в сфере визуального дизайна, следовательно, все люди могут воспринимать этот эффект по-своему.

 

Цвет текста один и тот же и справа, и слева — но кажется совершенно разным. 

Увы, на сегодняшний день, так и не разработали определённую теорию, объяснявшую причину появления этого явления, тем не менее, данную тему изучали не единожды. Есть предположение, что всему виной литеральное торможение, которое является основополагающим «сетки Германа» и «полос Маха».

 

7. Иллюзия Мункера-Уайта

 Мои глаза обманывают меня?

Данное явление вполне неприметно, но удивительно! На расположенной выше анимации фиолетовые частицы слева, кажутся на порядок светлее, чем справа. Но после исчезновения синих полос, мы видим, что все части одного и того же цвета. 

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

 

8. Иллюзия акварели.

 Обманчивая пикан-тон-сть!

Рассмотрим ещё одно визуальное диво. Если обвести прямоугольник другим цветом, то может показаться, будто бы и сами прямоугольники окрашиваются в цвет контура. Фактически, это не так, цвет остаётся прежним. Эта иллюзия зовётся «иллюзией акварели». Выразительность области в соответствии с цветовым контрастом контура и создаётся впечатление рассеивания цвета.

 

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

 

9. Иллюзия Ястрова

 Размер действительно имеет значение?

Занимаясь разработкой логотипа и картинки, дизайнерам, неоднократно, приходится резать форму абсолютно по-разному. Появляется данная иллюзия во время работы с выгнутыми объектами. Может показаться, что данные частички разных размеров, но ведь на самом деле они равны! Это именуется иллюзией Ястрова, не существует логического объяснения, от чего же мы так улавливаем величины сегментов. Вероятно, мозг ошибается из-за отличия в радиусах. Иначе говоря, на заднем плане меньшей стороны, большая воспринимается ещё больше и наоборот — на фоне большей меньшая сторона кажется ещё меньше.

 

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

 

10. Иллюзия Корнсвита

 Это скользкая дорожка.

Рядом с «иллюзией одновременного цветового контраста» и «полосами Маха» вполне может быть, иллюзия Корнсвита. Её фишка в том, что если расположить рядом два идентичных градиента, то один из них будет казаться ярче, чем другой. Фактически же, оба градиента действительно одинаковы! Убедиться мы можем, расположив градиенты друг над другом.

 

Каждый ромбик — это один и тот же градиент, но нам кажется, что чем выше, тем светлее.

Данное заблуждение схоже с двумя предыдущими, но есть два отличия:

  • На линиях Маха «ложную тень» можно увидеть лишь на гранях оттенков. Иллюзия Корнсвита способствует восприятию цвета всей плоскости.
  • В следствии иллюзии Корнсвита, бледный край картинки смотрится ещё светлее, соответственно тёмный - ещё насыщеннее. Но контрастные явления работают как раз-таки в противоположном направлении.

 

11. Иллюзия Мюллера-Лаера

Очепятка! 

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

Присмотревшись к этим популярным логотипам, мы можем обратить внимание, что какие-то из символов вылазят с основной линии и выходят за приделы высоты. В типографии не исключается и корректировка параметров символов вручную, и как итог, прийти к оптическому равновесию.

Свисание используется, чтобы оптически сбалансировать букву ‘e’ в LinkedIn.

Свисание используется, чтобы оптически сбалансировать букву ‘z’ в Amazon. 

Но что же является причиной применения свисания в типографии? Ответ лежит в одной из самых распространённых оптических иллюзиях — иллюзия Мюллера-Лаера. Работа этой иллюзии заключается в том, что если расположить на окончаниях равные отрезки стрелок, то в зависимости от указания данных стрелок, отрезки покажутся больше или меньше. Данная типичная иллюзия показывает, что восприятие наше совсем не идеально.

 

следующая статья

Смотрите также

Как нарисовать логотип
Создание эмоционального бренда
Особенности разработки фирменного стиля
Виды логотипов
Фирменный цвет для фирменного стиля
Заказать в один  клик
Логотип
Фирменный  стиль
Упаковка /  этикетка
Дизайн  полиграфии
Нейминг /  слоган
Gagarin studio отзывы
RU UA
Компания
  • Услуги и цены
  • Портфолио
  • Заказать
  • О нас
  • Отзывы
  • Контакты
  • Статьи
Для старта
  • Создание логотипа
  • Фирменный стиль
  • Разработка нейминга и слоганов
  • Дизайн визиток
  • Редизайн логотипа
  • Разработка названия компании
  • Создание эмблемы
  • Разработка слогана
Полиграфия и реклама
  • Билборды и наружная
  • Флаеры, буклеты, листовки
  • Дизайн каталогов и брошюр
  • Дизайн флаеров
  • Разработка рекламного буклета
  • Дизайн листовки
  • Разработка дизайна брошюры
Другие услуги
  • Дизайн сайта
  • Дизайн персонажа
  • Дизайн коммерческих, маркетинг кит и презентаций
Брендинг
  • Упаковка и этикетка
  • Брендбук и гайдлайн
  • Разработка брендбука и гайдлайна
  • Айдентика
Вход для клиентов
044 228 08 13 / 095 417 77 11
info@gagarinstudio.com.ua
Gagarin Studio © 2013-2019 Все права защищены
Спасибо за заявку!

Мы скоро с вами свяжемся!