Играем с нашими глазами: оптические иллюзии в дизайне

Опубликовано: 2021-01-19

Играем с нашими глазами: оптические иллюзии в дизайне

Он движется? Может он просто немного изогнут? Ты уверен? Оптические иллюзии в дизайне имеют тенденцию оказывать на нас такой эффект. Увлекая и сбивая с толку всех нас одним махом. Также известные как зрительные иллюзии, все они обманывают зрение.

пустой

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

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

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

Как мы переживаем иллюзии

пустой

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

Оптические иллюзии говорят нам, что цвет субъективен

пустой

Блоки А и В в этой иллюзии на самом деле одного цвета. Трудно поверить, правда? Сделай это. Попросите вашего дизайнера открыть это изображение в программе редактирования и использовать инструмент «Пипетка». Затем они смогут убедиться, что цвет на самом деле такой же. Теперь снова посмотрите на изображение. Вы видите, что блоки одного цвета? Колбочки в наших глазах помогают нам различать цвета. Когда эти клетки начинают регистрировать разные длины волн света, наши глаза изо всех сил стараются понять это. В случае этой оптической иллюзии он делает это, пытаясь сказать нам, что блок B на самом деле имеет более светлый оттенок, чем он есть на самом деле.

Оптические иллюзии могут помочь с мерами безопасности

пустой

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

Распространенные оптические иллюзии и истории, стоящие за ними

Оптические иллюзии — увлекательная тема, и может быть очень полезно узнать о самых популярных из них. Когда вы узнаете науку и истории, стоящие за ними, использование визуальных иллюзий в вашем брендинге может стать проще.

Вращающийся танцор
пустой

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

У вращающейся танцовщицы нет сигналов глубины, поэтому некоторые могут интерпретировать, что танцовщица стоит на правой ноге, а затем вращается влево. Для других людей это выглядит так, как будто она стоит на левой ноге, а затем поворачивается вправо. И достаточно забавно, если вы посмотрите на анимацию за точкой, изображение будет перевернутым.

Такой же размер или меньше?
пустой

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

Канижский треугольник

пустой

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

Оптические иллюзии в дизайне.

Оптические иллюзии в дизайне могут быть очень забавными. И они также могут быть очень мощными, чтобы передать определенный образ или идею о вашем бренде. Ниже приведены некоторые оптические иллюзии, которые довольно часто используются в дизайне. Мы предлагаем попробовать их с вашим дизайнером, чтобы увидеть, как они могут работать на вас!

Оптические иллюзии в дизайне: треугольник пополам
пустой
В этом GIF треугольник выровнен по центроиду.

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

Давайте посмотрим на значок кнопки воспроизведения. Когда вы помещаете треугольник внутрь изогнутого или прямого контейнера, он может выглядеть неуместно. Причиной этого является иллюзия деления треугольника пополам. Центр масс треугольника в этом случае будет рассчитываться на основе коробки, внутри которой он находится. Это означает, что если вы просто поместите точку на половине высоты равностороннего треугольника, точка на самом деле будет выглядеть так, как будто она находится выше.

Чтобы треугольник в контейнере выглядел оптически центрированным, вам нужно найти центр тяжести треугольника. Это 1/3 расстояния от каждой стороны до противоположной вершины.

Оптические иллюзии в дизайне: полосы Маха
пустой

Когда эра плоского дизайна была в самом разгаре, размещение оттенков одного цвета рядом друг с другом было БОЛЬШИМ делом. Если внимательно посмотреть на изображение, то можно увидеть ложную тень, которая появляется между краями каждого из оттенков. Это то, что известно как полосы Маха. Видите, на изображении на самом деле не добавляются тени, это просто то, как наши глаза воспринимают его.

В технических терминах мы называем это боковым торможением. Это означает, что более темная область будет ложно казаться темнее, чем она есть на самом деле, а более светлые области кажутся еще светлее. Этот эффект очень тонкий с визуальным дизайном.

Оптические иллюзии в дизайне: иллюзия селедки
пустой
Прокрутите вверх и вниз для полного эффекта.

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

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

Бренды, которые использовали оптические иллюзии в дизайне

Если вы хотите использовать оптические иллюзии в своих интересах в своих проектах, было бы полезно узнать о брендах, которые успешно их использовали. Есть несколько очень известных брендов, которые использовали оптические иллюзии в своих логотипах и дизайне. Давайте посмотрим на некоторые из них.

Когда Диор стал загадочным
пустой

Мода – это быть смелым и смелым. Dior принял это близко к сердцу и использовал это в своей рекламной кампании аромата Poison. На нем изображены череп и женщина, смотрящаяся в зеркало одновременно. Эта реклама на самом деле является воссозданием известного произведения искусства под названием «Все тщеславие» Чарльза Аллана Гилберта. Копирование этой картины — это то, что заставляет покупателя дважды взглянуть и увидеть за ней двойной смысл.

Pavement Picasso от Nokia в Сингапуре
пустой

Nokia хотела найти способ продвигать свои телефоны серии N. Например, британский художник Джулиан Бивер, который в 2007 году создал 3D-графику для Nokia. Это называлось «Души Азии», и это блестящее произведение, на создание которого ушло 36 часов мастерства. На нем модели телефонов серии N изображены на фоне традиционных азиатских настроек. Контраст действительно завораживает.

Высокомерный павлин
пустой

Что ты видишь? Павлин? Женщина? Оба? Ну раз увидишь, развидеть уже не сможешь. Это точно. Snooty Peacock — это небольшой ювелирный бутик, расположенный в Техасе. В своем дизайне они умело используют негативное пространство, чтобы создать двойственный образ женщины и павлина одновременно.

У них есть этот логотип в социальных сетях, на витрине и даже на товарах. Это также очень умный способ отразить название компании и услуги, которые они предлагают. Он довольно простой и запоминающийся благодаря использованию фиолетового и белого цветов.

Реклама «Только для детей» от фонда Анар

Это единственная в своем роде реклама, сделанная Grey Spain. Они использовали технологию лентикулярной печати, чтобы взрослые видели одно изображение, а дети видели совершенно другое изображение, в зависимости от их роста и линии глаз. Эта реклама позволила благотворительной организации помочь детям в возрасте до десяти лет, пострадавшим от жестокого обращения. Это дало им секретное сообщение, а также контактные данные бренда. Удивительно, не так ли?

В этот раз водитель Кит Кэт не был за рулем.
пустой

Знаменитый слоган Kit Kat звучит так: «Сделай перерыв и выпей Kit Kat», и эта оптическая иллюзия действительно предполагает и то, и другое. На самом деле похоже, что водитель висит в гамаке, а не едет. Если вам случится ехать рядом с этим грузовиком в час пик, мы можем гарантировать, что вы захотите рассмотреть эту иллюзию поближе. И поскольку вы остановитесь, чтобы посмотреть поближе, вам захочется Кит-Кат и, возможно, даже отдохнуть в гамаке.

Кофе McDonald's супер-размера
пустой

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

Создайте эту иллюзию по-настоящему

Наш мозг работает таким образом, который ученые все еще пытаются раскрыть. Они пытаются понять, что происходит вокруг них, основываясь на визуальных сигналах. И этому восприятию часто мешают оптические иллюзии. Когда мы видим оптические иллюзии в дизайне, мы в конечном итоге ставим их под сомнение и, возможно, даже обсуждаем их с окружающими. Чего еще можно желать в тактике дизайна, когда вы действительно хотите, чтобы о вашем бренде узнали?