Оптические иллюзии в логотипах компаний презентация

Соотношение фигуры и фона

САМЫЙ РАСПРОСТРАНЁННЫЙ ПРИЁМ В СОЗДАНИИ ЛОГОТИПА на основе оптических иллюзий — соотношение фигуры и фона, когда два контрастных объекта фактически становятся контурами друг друга. Увидеть оба этих предмета одновременно невозможно, так как человек может фокусироваться лишь на одном, а другой предмет или отдельные части воспримет как фон.

ВЫДЕЛЕНИЕ ФИГУРЫ ИЗ ФОНА — биологическая необходимость, которая заложена у человека и животных генетически и играла жизненно важную роль в эволюции. Гештальт-психология доказывает, что любое плоскостное изображение в восприятии человека расслаивается на фигуру и фон. Если смотреть на изображение долго, фигура и фон меняются местами. Фигура всегда выдвинута вперёд, фон — отодвинут назад, хотя без иллюзии объёмности; фигура богаче фона содержанием, ярче фона. И мыслит человек о фигуре, а не о фоне.

Логотип FedEx — классический пример, в котором применяется эта особенность восприятия. Если присмотреться, можно увидеть стрелку, которая получается из пространства между «E» и «x». Стрелка символизирует скорость и точность — два основных принципа работы этой компании. По похожему принципу устроен логотип Carrefour, создатели которого добавили в пространстве между стрелками первую букву названия компании.

На логотипе Питтсбургского зоопарка вы видите либо дерево, либо гориллу и льва. Похожий логотип имеет клиника Friedman Psychology Group, на котором два человеческих лица в профиль формируют бабочку. В обоих случаях вы увидите то изображение, на котором сконцентрируете своё внимание.

Логотипы Питтсбургского зоопарка и клиники Friedman Psychology Group:

Если взглянуть на этот логотип музыканта, то можно увидеть инициалы TJ, а если приглядеться внимательнее — музыкальную ноту. Любопытно, что, заметив её один раз, вы будете видеть её постоянно. Мозг включил этот образ в коллекцию и будет замечать его без подсказки.

Логотипы музыканта Тимоти Джеймса и шоколада Toblerone:

Есть и более изощрённые примеры использования соотношения фона и объекта, например, лого Toblerone. Производитель шоколада вырос из небольшой кондитерской лавки в Берне (Швейцария). Символ этого города — медведь, и если приглядеться к логотипу на коробке конфет, то вы увидите силуэт медведя, спрятанного в рельефе горы.

Человеческие фигуры

НА ЛОГОТИПЕ ГОЛЬФ-КЛУБА SPARTAN создали композицию из замахивающегося гольфиста, силуэт которого отчётливо напоминает профиль спартанца в узнаваемом шлеме.

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

Логотипы Ogden Plumbing и Yoga Australia:

ДРУГОЙ ПРИМЕР — ЛОГОТИП YOGA AUSTRALIA. На первый взгляд это силуэт девушки, выполняющей асану йоги. Но в пустоте между её рукой и ногой можно увидеть схематичную форму Австралии.

Невозможные конструкции

ЛОГОТИП BENCHMARK LEAGUE представляет собой популярную оптическую иллюзию «Невозможная колонна». Бенчмаркинг помогает перенять методы конкурентов и улучшить работу. По словам самого художника, который разработал логотип, основателям бизнеса зачастую кажется, что их компания работает вполне эффективно и устойчиво, но на самом деле, в сравнении с конкурентами, она далеко не так хороша. Эта иллюзорная устойчивость и отражена в брендинге.

Лого архитектурного бюро Lucid Architect:

Другую невозможную конструкцию имеет логотип архитектурного бюро Lucid Architect. Игра с тенями позволила художникам создать иллюзию куба в кубе, а также изобразить букву «L» на его боковине по первому названию компании.

Шрифтовые композиции

ЛОГОТИП THE BRAND UNION — это шрифтовая композиция, основанная исключительно на негативном пространстве. Выбор цветовых блоков и их расположение в пространстве помогает прочитать слова. Однако если абстрагироваться, то лого выглядит как нагромождение абстрактных форм двух цветов.

ЛОГОТИП СПИРТНОГО НАПИТКА TRUCE — пример использования соотношения фигуры и фона и амбиграммы. Шрифт в нём устроен таким образом, что каждая буква идеально вписывается друг в друга. Поэтому логотип выглядит одинаково, даже когда его переворачиваешь вверх дном. Дизайнер Тернер Дакворт, разработавший лого, до этого работал с Coca-Cola и Amazon.

Логотипы напитка Truce и Egg-n-Spoon:

На первый взгляд это просто буква «е», напоминающая об Internet Explorer. Но это логотип курьерской службы Egg-n-Spoon («яйцо-в-ложке»), намекающий на то, что курьеры обращаются с посылками очень осторожно. Поэтому в силуэте можно разглядеть ложку и яйцо.

Ожившая графика

СЛОЖНО ИЗОБРАЗИТЬ ЗВУК С ПОМОЩЬЮ СТАТИЧНОГО ГРАФИЧЕСКОГО ЛОГОТИПА. Логотип компании Sonos, которая производит акустические системы, пульсирует, когда пользователь скроллит веб-страницу вниз или вверх. Происходит это благодаря оптической иллюзии.

Изображение, разработанное компанией Bruce Mau Design, вибрирует, как динамики в аудиоколонках, и передаёт главный посыл компании — «преданность музыке». Дизайнеры придумали эту идею случайно. Работая над логотипом, они смотрели на тонкие линии, изображающие расходящиеся звуковые волны, и заметили, что при прокручивании страницы они пульсируют. После они доработали этот эффект.

ЭТО НЕ ПЕРВЫЙ В ИСТОРИИ ПОДОБНЫЙ ЛОГОТИП. Другой пример — оптическая иллюзия «перемещения» спиралей в глазах совы.

Логотипы Smart Owl и Illusion:

Другой отличный логотип, который становится более явным при скроллинге страницы, выставлен на продажу на сайте BrandCrowd. По словам дизайнера, слово Illusion также начинает проявляться, если вы отдалитесь от экрана. Этот приём должен отлично сработать и в печати.

Текст Артём Лучко
Источник: lookatme.

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

• 15 весёлых логотипов, которые испортили репутацию своих компаний
• Коллекция Логотипов продуктов питания и напитков. 38 прекрасных примеров
• Коллекция красивых логотипов

Время на прочтение
7 мин

Количество просмотров 65K

Глубока ли кроличья нора?

Сколько минут вам потребуется, чтобы понять в чем фишка?

Фрэнсис Бэкон в 1620 году разделил источники человеческих ошибок, стоящих на пути познания, на четыре группы, которые он назвал «призраками» или «идолами» (лат. idola).

• «Призраки рода» проистекают из самой человеческой природы, они не зависят ни от культуры, ни от индивидуальности человека. «Ум человека уподобляется неровному зеркалу, которое, примешивая к природе вещей свою природу, отражает вещи в искривлённом и обезображенном виде».
• «Призраки пещеры» — это индивидуальные ошибки восприятия, как врождённые, так и приобретённые. «Ведь у каждого, помимо ошибок, свойственных роду человеческому, есть своя особая пещера, которая ослабляет и искажает свет природы».
• «Призраки площади (рынка)» — следствие общественной природы человека, — общения и использования в общении языка. «Люди объединяются речью. Слова же устанавливаются сообразно разумению толпы. Поэтому плохое и нелепое установление слов удивительным образом осаждает разум».
• «Призраки театра» — это усваиваемые человеком от других людей ложные представления об устройстве действительности. «При этом мы разумеем здесь не только общие философские учения, но и многочисленные начала и аксиомы наук, которые получили силу вследствие предания, веры и беззаботности». [Wikipedia]

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

1. Иллюзия Сечения Треугольника

Выравнивание треугольника на основе центроида (барицентра).

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

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

Какой вариант центрирован математически?

Существуют две теории для этой захватывающей иллюзии:

• Неверное масштабирование констант. Иллюзия содержит перспективные сигналы, которые увеличивают воспринимаемый размер более отдаленных объектов, например, равносторонний треугольник может восприниматься как плоская картина дороги, наблюдаемая в перспективе, с верхней вершиной, лежащей на бесконечности и нижней основе, воспринимаемой в качестве ближайшей части дороги.
• Центр тяжести. Если наблюдателя попросят найти точку в середине, все закончится тем, что он найдёт центроид, который имеет равные площади выше и ниже его. Центроид равностороннего треугольника находится значительно ниже точки в середине, и имеются доказательства того, что наблюдатели делают выбор, который является компромиссным.

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

Формула для нахождения центроида треугольника.

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

2. Вертикально-горизонтальная Иллюзия

Вертикально-горизонтальная иллюзия.

Квадраты являются фундаментальными строительными блоками любой системы проектирования. Их можно увидеть в картах материального дизайна, постах на Facebook, картинках в Pinterest и сообществе Dribble.

После перемещения квадрата в эскиз, иногда стоит посмотреть дважды, чтобы увидеть, каждая ли из сторон имеет равные пропорции. Если вы посмотрите достаточно внимательно, то увидите, что вертикальные стороны кажутся длиннее, чем горизонтальные. Как будто квадрат на самом деле прямоугольник! Но, на самом деле, это идеальный квадрат 1:1. Это и называется вертикально-горизонтальной иллюзией.

Изображение поста на Facebook — это квадрат 1:1.

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

3. Полосы Маха

Полосы Маха.

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

Тени появляются между гранями каждого ряда.

Техническое объяснение возникновения этого эффекта связано с побочным торможением, означающим, что более темная область ложно кажется еще более темной, а более светлая — еще более светлой.

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

4. Иллюзия Геринга

Иллюзия Геринга.

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

Прокрутите вверх и вниз, чтобы почувствовать эффект вибрации.

Это очень крутой эффект, хотя Муар не является оптической иллюзией как таковой, он представляет собой интерференционную фигуру. Пример логотипа Sonos использует сочетание шаблонов Муар, иллюзию Геринга и иллюзорные движения. Эта сенсорная техника достаточно популярна в искусстве «Оп-арт».

5. Сетка Германа

Сетка Германа.

Иллюзия сетки Германа довольно популярна, и её можно увидеть в макетах, которые содержат сетку квадратов, размещенных на высоком контрастном фоне. Если вы посмотрите прямо на любой квадрат, то увидите призрачный шарик на пересечении соседних квадратов. Но если будете смотреть на само пересечение — шарик исчезнет.

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

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

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

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

Цвет текста совершенно одинаковый на обоих сторонах, однако таковым не кажется.

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

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

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

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

Причина иллюзии Манкера-Уайта… как вы уже догадались… побочное торможение.

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

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

Бывали случаи, когда я добавлял границу к объекту, а затем задавался вопросом: «Когда я также изменил цвет фона?». Если присмотреться, то можно заметить, что бледная область приобретает гораздо более светлый оттенок из-за цвета границы. Сильно удивитесь, если я скажу, что та светлая область на самом деле белая?

Это визуальное явление, известное как иллюзия акварели, зависит от сочетания яркости и цветового контраста контурных линий.

Белая область внутри кнопки, кажется, вбирает в себя небольшой оттенок в зависимости от цвета границы.

9. Иллюзия Джастроу

Иллюзия Джастроу.

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

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

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

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

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

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

Каждый ромб имеет один и же градиент, но кажется, что они становятся темнее (сверху вниз).

Эта иллюзия производит похожий эффект на две вышеупомянутых иллюзии, но на самом деле отличается двумя важными аспектами:

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

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

Промах для оптимального визуального восприятия.

Типографы поймут, что для создания шрифта необходимо больше полагаться на дизайнерскую интуицию, а не на логическое мышление. Математическое позиционирование каждого символа на основе его метрической высоты сделает все слово непропорциональным с точки зрения визуального восприятия. Обычная практика включает в себя процесс, называемый превышением(overshooting). Проще говоря, превышение — это процесс изменения размера отдельных символов для достижения оптического баланса.

Без превышения буква «e» в LinkedIn и буква «z» в Amazon оптически не сбалансированы.

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

Но зачем нам нужны превышения в типографии?

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

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

Достойны внимания:

• Треугольник Каниза
• Иллюзия Эббингауса
• Иллюзия Эренштейна
• Распространение неона
• Иллюзия Тени
• Иллюзорное Движение 1
• Иллюзорное Движение 2

Перевод: Аля Бланкмер

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

Иллюзия бисекции треугольника

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

Размещение треугольника в контейнере с закруглёнными или прямыми углами приводит к тому, что элемент оказывается оптически смещённым. Причина этого — эффект, известный как иллюзия бисекции треугольника.

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

Есть две теории возникновения этой иллюзии:

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

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

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

Центроид может располагаться на расстоянии одной третьей от каждой стороны до противоположной вершины. Этот метод также применим к другим фигурам.

Вертикально-горизонтальная иллюзия

Квадраты — это фундаментальные строительные блоки любой системы дизайна. Их можно увидеть в карточках Material Design, публикациях на Facebook, пинах на Pinterest и шотах на Dribbble.

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

Представители разного пола и даже разных культур воспринимают эту иллюзию по-разному.

Полосы Маха

Размещение оттенков одного цвета, смежных друг с другом — общепринятая тенденция в эпоху плоского дизайна. Присмотревшись, вы заметите ложную тень, появляющуюся между краями каждого контрастного оттенка. Эта иллюзия известна как полоса Маха. Тени не были добавлены к изображению, это особенность восприятия наших глаз.

Этот эффект возникает из-за того, что более тёмная область ложно кажется темнее, а более светлая — светлее. В физиологии это называется латеральным или боковым торможением.

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

Иллюзия Геринга

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

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

Сетка Германа

Иллюзия сетки Германа применяется в макетах, которые содержат сетку квадратов, размещенных на фоне с высоким контрастом. Посмотрите прямо на любой квадрат, вы увидите призрачные шарики на пересечениях линий, окружающих квадраты. Но если вы посмотрите прямо на пересечение, они исчезнут.

Причина этого эффекта связана с латеральным торможением — когда тормозная клетка останавливает расположенные рядом нейроны.

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

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

Нет единой теории, почему возникает эта иллюзия, одна из причин её возникновения — латеральное торможение, ответственное за сетки Германа и полосы Маха.

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

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

Акварельная иллюзия

Бывает, что я добавлю границу к объекту, а затем задаюсь вопросом: «Когда я успел изменить цвет фона?». Если вы посмотрите внимательно, то заметите, что бледная область приобретает гораздо более светлый оттенок цвета, окружающего границу. Но более светлая область на самом деле белая.

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

Эта иллюзия оставила меня в недоумении настолько, что мне пришлось использовать палитру, чтобы проверить цвета!

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

Работа над иллюстрацией или логотипом требует нарезки различных фигур. Эта иллюзия возникает при работе с изогнутыми объектами. Два элемента выше выглядят разными по размеру, но они одинаковые.

Как это возможно? Это явление известно как иллюзия Ястрова, и нет окончательного объяснения того, почему нам кажется, что сегменты разного размера. Одно из объяснений состоит в том, что наш мозг путает разницу в размере между большим и меньшим радиусом. Другими словами, короткая сторона делает длинную сторону более длинной, а длинная сторона делает короткую сторону ещё короче.

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

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

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

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

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

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

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

Но зачем нужно перерегулирование в типографике?

Причина, по которой требуется перерегулирование, связана с одной из самых популярных оптических иллюзий в мире — иллюзией Мюллера-Лайера.

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

Обновлено: 18.03.2023

Иллюзия… что это такое? Слово происходит от латинского «обман, заблуждение«. Само это понятие очень интересно и коварно. Человек часто сталкивается с иллюзией в жизни в психологическом и физическом планах. Мы же поговорим о самом безобидном проявлении  — оптической иллюзии в дизайне. Я познакомлю вас с самыми необыкновенными, шокирующими и удивительными примерами. Расскажу об истории возникновения иллюзии в дизайне и искусстве, познакомлю с авторами самых интересных работ и приемов. Добро пожаловать в мир «магии».

Что такое оптические иллюзии

---

Как гласит «Википедия», оптическая иллюзия (зрительная иллюзия, обман зрения) — это ошибка в зрительном восприятии, вызванная неточностью или неадекватностью процессов формирования зрительного образа, а также физическими причинами.

---

Пример объемной оптической иллюзии

Причины оптических иллюзий исследуют как c физиологической, так и с психологической точек зрения. Многим ученые нашли объяснения, некоторые остаются неизученными до сих пор.

Существуют различные виды иллюзий:

• геометрические,
• иллюзии глубины,
• динамические иллюзии и другие.

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

иллюзия сетки Германа

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

Пример с оптической иллюзией.

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

Пример оптической иллюзии. Источник: Pinterest.com

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

Оптические иллюзии в искусстве

Картина «Тщеславие«, которую написал Чарльз Аллан Гилберт в 1902 году, является мастерским воплощением оптической иллюзии на холсте.

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

Тщеславие. Чарльз Алан Гилберт, 1902 г.

---

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

---

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

Любителем использовать в своих работах разного рода оптические обманы, был Сальвадор Дали. Одним из самых ярких примеров такой работы является картина «Лебеди, отражающиеся в слонах», написанная им в 1937 году. Здесь на поверхности пруда плавают птицы, а их отражения вместе с контурами деревьев образует иллюзию слонов.

Лебеди, отражающиеся в слонах, холст, масло — С. Дали

Еще одним удачным примером оптической иллюзии, созданной художником является карикатура «Моя жена — моя теща«. Её нарисовал Уильям Эли Хилл в 1915 году и опубликовал в журнале Puck. Работа произвела фурор среди читателей и по сей день является одной из самых известных оптических иллюзий.

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

«Моя жена — моя теща» Уильям Эли Хилл

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

Образ Ван Гога. Олег Щупляк. Instagram автора

Посмотрите как искусно художник завуалировал образ Клода Моне в силуэтах девушек, спасающихся от ветра. Тем не менее контур лица великого импрессиониста отлично читается.

Ветреный день. Олег Щупляк. Instagram автора

Подобные картины можно рассматривать часами и каждый раз находить что-то новое.

Еще одним нашим современником, который использует оптический обман в своих работах является американец Дональд Раст. Стиль, в котором творит автор так же называют «камуфляжное искусство» и он очень популярен в Америке. Любимой темой Дональда является природа. За одними легко читаемыми образами прячутся целые миры другой реальности.

Что по-вашему, скрыто в следующей картине?

Образ обнаженной девушки из камней на картине Дональда Раста

Сколько волков вы видите на следующей картине?

Картина Дональда Раста

---

Кстати Дональд Част создает свои картины не только в стиле «комуфляжной» живописи, но и пин-ап.

---

Поистине удивительные трансформации вас ждут на картинах Роба Гонсалвеса. Вдохновленный работами Дали, канадский художник совершает поистине удивительные превращения неживых предметов в живые на своих полотнах.

Поток воды трансформирующийся в процессию из людей на картине Роба Гонсалвеса

Где заканчивается мост и начинается флотилия? Картина Роба Гонсалвеса

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

Оптические иллюзии в графическом дизайне

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

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

Лестница Эшера — Относительность

Лабиринт Эшера

---

Чудеса — это соль земли. Подлинность — лишь иллюзия/ М. К. Эшер

---

Цикл Эшера

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

Следующую работу графика, вы скорее всего уже видели.

Руки, рисующие друг друга

Приём, который использовал Мауриц, так приглянулся дизайнерам и художникам, что даже получил название «Эффект Эшера«. Его можно видеть и в работах современников.

Второй чердак. Erik Johansson

Эффект Эшера в рекламе Audi

Театральный плакат к пьесе Мариуса фон Майенбурга. 2019 г. Эрих Брехбюль

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

Шрифт «Frustro» Марци Хегедеса

---

Моя работа — это игра. Очень серьёзная игра./ М. К. Эшер

---

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

Гекконы — по мотивам орнамента Эшера (источник Pinterest.ru)

Еще одним интересным приемом оптической иллюзии в графическом дизайне является совмещение фотографии человека в анфас и профиль.

Совмещение фото в анфас и профиль

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

Оптические иллюзии в архитектуре

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

Оптическая иллюзия на фасаде

Оптическая иллюзия на фасаде

Оптическая иллюзия на фасаде

Оптическая иллюзия на фасаде (Источник Mural Art)

Мост в стиле Lego (источник Pinterest)

Кстати, эффект Эшера, о котором я писала выше, так же применяется и в архитектуре. Ярким тому примером может стать работа итальянского граффити художника и скульптора Peete . Посмотрите, как он мастерски украшает фасады зданий. Мимо таких творений не пройдешь.

Poli Urban Colors, Milan (IT)

Stadt.Wand.Kunst Mural Art Galery, Mannheim, DE, 2019

Оптические иллюзии в стрит арт

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

Оптическая иллюзия на асфальте

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

С помощью мела он рисует милых персонажей на улицах города Энн-Арбора.

Оптическая иллюзия на асфальте David Zinn

Оптическая иллюзия на асфальте David Zinn

Оптическая иллюзия на асфальте David Zinn

Оптическая иллюзия на асфальте David Zinn

Такие работы находят положительный отклик в сердцах жителей города.

Оптические иллюзии в 3d-мэппинг шоу

В настоящее время очень популярным направлением в сфере создания оптической иллюзии на зданиях является 3d мэппинг. Как главит Википедия, Видеомаппинг (3D mapping) (англ. video — видео и англ. mapping — отражение, проецирование) — направление в аудиовизуальном искусстве, представляющее собой 3D-проекцию на физический объект окружающей среды с учётом его геометрии и местоположения в пространстве.

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

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

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

Боди-арт и оптические иллюзии

Современные дизайнеры могут удивлять. Я уже писала на своем блоге о дизайнере Натали Флетчер, которая в качестве холста для своих работ использует людей. Она маскирует их на фоне природы или городского пейзажа так, что неискушенный зритель не сможет их заметить. Подробнее о ее работах читайте в статье «Вдохновляющие работы современных дизайнеров»

А вот другие примеры оптической иллюзии в боди-арте.

Пример боди-арта

Пример боди арта

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

Примером этому может стать следующее видео:

Мастерским воплощением оптической иллюзии и боди-арта я являются проекты китайского художника Лю Болинь. Он заслуженно получил прозвище «Художник — невидимка». И его работы это доказывают.

Посмотрите, везде ли вы сможете найти человека на фотографиях?

оптическая иллюзия и боди арт и Лю Болинь

оптическая иллюзия и боди арт и Лю Болинь

оптическая иллюзия и боди арт и Лю Болинь

Заключение

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

Но самое удивительное происходит, когда такие сюрпризы подкидывает сама природа.

Например, соляные пустыни. Их много на нашей планете. Попадая туда у человека искажается восприятие пространства.

Соляная пустыня

Или застывшие волны в Аризоне.

Каменные волны в Аризоне

Или озеро Иакова в Техасе с такой кристально чистой водой, что ее не видно!

колодец Иакова в Техасе

Какие оптические иллюзии произвели на вас неизгладимое впечатление? Делитесь. в комментариях.

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

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

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

В чем сила оптических иллюзий?

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

Человек, видя иллюзию, наблюдает явление или предмет, не соответствующий действительности, то есть, сталкивается с оптическим обманом.

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

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

5 причин использовать оптические иллюзии в дизайне:

• увеличивает узнаваемость компании;

• выделяет бизнес среди конкурентов;

• вызывает интерес аудитории к бренду;

• превращает обычную картинку в увлекательную загадку, привлекая потребителей;

• повышает лояльность клиентов.

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

Когда и как оптические иллюзии начали использовать в дизайне?

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

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

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

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

Изучение оптических иллюзий началось в XIX веке, а к середине ХХ века уже было открыто множество иллюзий, среди которых – иллюзии восприятия размеров, глубины, контрастные иллюзии, перевертыши, невозможные фигуры и иллюзии движения.

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

Оптические иллюзии: разновидности и особенности использования

Необычные эффекты создаются при помощи простых элементов, часто геометрических форм и линий.

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

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

9 популярных видов оптических иллюзий:

1. Зрительные искажения. Из-за игры цвета и форм параллельные линии кажутся кривыми изогнутыми.

   

2. Контрастная иллюзия. Если разместить два объекта одного цвета на разных фонах, то будет казаться, что эти объекты отличаются по цвету.

   

3. Невозможные фигуры. При первом взгляде на рисунок создается ощущение, что это проекция трехмерного объекта, но если рассмотреть фигуру внимательнее, будут видны противоречивые соединения элементов. За счет этого создается впечатление, что такая фигура не может существовать в трехмерном пространстве.

   

4. Иллюзия движения. При взгляде на такой рисунок кажется, что неподвижная картинка двигается. Эффект может усиливаться при изменении положения головы (приближении, отдалении, наклоне).

   

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

   

6. Отношение фигуры к фону. Здесь помимо самого объекта важную роль играет и пространство вокруг него. Если пустые участки обыграть, то получим картинку, на которой можно увидеть несколько разных объектов или элементов. Этот прием в дизайне называют негативное пространство.

   

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

   

8. Спрятанные образы. Рисунок, в котором на первый взгляд нет ничего особенного, при внимательном рассмотрении показывает нам «спрятанные» объекты.

   

9. 3D иллюзии. Объекты располагаются или изображаются специальным образом, позволяющим изменить восприятие реальности (например, на ровном асфальте создается иллюзия пропасти). Чаще всего такие рисунки появляются на улице.

   

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

Оптические иллюзии в графическом дизайне и иллюстрациях

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

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

Применение оптических иллюзий при создании логотипов и фирменного стиля

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

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

При разработке фирменного стиля могут использоваться контрастные иллюзии, зрительные искажения и иллюзии движения.

Использование визуальных иллюзий в дизайне упаковки

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

Такой дизайн не только интригует, но и помогает подчеркнуть индивидуальность компании. Он выделяет продукт и хорошо запоминается.

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

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

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

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

Стильный и современный дизайн в сочетании с оптическими иллюзиями и щепоткой юмора хорошо отразится на посещаемости сайта и конверсии.

Особенности применения оптических иллюзий в Украине

В Украине визуальные иллюзии находятся в трендах графического дизайна вот уже несколько лет подряд и пока не теряют своей популярности. Эффекты встречаются в разных сферах – от интерьеров, одежды и живописи до логотипов и корпоративных сайтов.

Оптические иллюзии – это выгодный для бизнеса прием, поскольку он способствует запоминаемости и узнаваемости бренда, привлекает и интригует аудиторию, позволяет подчеркнуть индивидуальность и отстроиться от конкурентов.

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

Применение оптических иллюзий в мире

Визуальные иллюзии – один из самых любимых дизайнерских приемов во всем мире. Они активно используются в США, Японии и странах Европы.

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

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

Помимо этого, в мире широко распространены 3D рисунки, сделанные на улице, которые меняют восприятие реальности, превращая обычный асфальт в «опасное» место или веселое развлечение.

Оптические иллюзии в дизайне: где заказать и по какой цене

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

Это можно сделать двумя способами:

• на фрилансе – для этого требуется найти опытного и ответственного специалиста, который сможет справиться с задачей и не подведет по срокам;

• в дизайн-студии – здесь работают креативные и опытные дизайнеры, которые сначала анализируют рынок и целевую аудиторию, а потом создают дизайн, отражающий особенности бизнеса и привлекающий потребителей.

Первый вариант обойдется дешевле, но и результат может не оправдать ваши ожидания. В среднем, стоимость создания логотипа у фрилансеров составляет 1500 грн, упаковки – от 500 грн, а сайта – от 2500 грн.

А второй вариант хоть и будет дороже, но исключает риски, которые поджидают на фрилансе. Цены на услуги в студии WeLoveBrands: от $150 за логотип, от $130 за фирменный стиль и от $20 за дизайн полиграфии.

Стоимость формируется с учетом объемов и сложности работы, сроков сдачи проекта и количества предоставленных заказчику вариантов.

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

• Дизайн
• 8 мин на чтение
• 12142

За много лет работы продакт-дизайнером при работе с визуальными эффектами я сталкивался со множеством сюрпризов, которые вызывали у меня следующие эмоции ?????.

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

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

1. Иллюзия бисекции треугольника (Triangle-bisection Illusion)

Выравнивание треугольника на основе центроида

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

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

Какая версия математически центрирована?

Есть две теории возникновения этой увлекательной иллюзии:

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

• Центр тяжести / центр площади
  Если бы зрителю предложили найти центр треугольника, он в конечном итоге покажет на центроид, который имеет равные площади выше и ниже себя. Центроид равностороннего треугольника лежит значительно ниже точки его центра, и есть свидетельства, что зрители делают выбор, который является компромиссом между ними.

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

Шучу, это не статья о математике и физике ? (но формула все равно правильная).

Центроид может располагаться на расстоянии 1/3 от каждой стороны до противоположной вершины. Этот метод также может применяться ко многим другим фигурам.

2. Вертикально-горизонтальная иллюзия (Vertical Horizontal Illusion)

Это прямоугольник? Нет … это квадрат ?!

Вертикально-горизонтальная иллюзия

Квадраты — это фундаментальные строительные блоки любой системы дизайна. Их можно увидеть в карточках Material Design, постах на Facebook, пинах на Pinterest и шотах на Dribbble.

После того, как вы перетаскиваете квадрат в Sketch, иногда вам приходиться взглянуть на него дважды, чтобы убедиться, что каждая из его сторон имеет равные пропорции. Если вы присмотритесь повнимательнее, вертикальные стороны будут казаться длиннее горизонтальных. Это, как если бы квадрат на самом деле был прямоугольником! Но это идеальный квадрат с соотношением сторон 1: 1. Этот эффект известен как вертикально-горизонтальная иллюзия.

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

3. Полосы Маха (Mach Bands)

Ложная тень падает на поверхность, это иллюзия?

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

Техническое объяснение возникновения этого эффекта связано с латеральным (боковым) торможением, что означает, что более темная область ложно кажется еще более темной, а более светлая область еще светлее.

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

4. Иллюзия Геринга (Hering Illusion)

Оно живое!!!

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

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

5. Сетка Германа (Hermann Grid)

Появляется или не появляется, вот в чем вопрос.

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

Причина этого эффекта связана с латеральным торможением. Проще говоря, это когда тормозная клетка тормозит расположенные рядом нейроны

6. Иллюзия одновременного контраста (Simultaneous Contrast Illusion)

Оба обособленных квадрата отражают одинаковое количество света? Хм …

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

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

Цвет текста абсолютно одинаковый с обеих сторон, но вам так не кажется

К сожалению, нет единой теории, почему возникает эта иллюзия, но есть много исследований, которые выдвигают предположение. Латеральное торможение, ответственное за сетки Германа и полосы Маха, одна из причин возникновения этой иллюзии.

7. Иллюзия Манкера-Уайта (Munker-White Illusion)

Мои глаза просто обманули меня? ?

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

Эта иллюзия едва уловимая, но тем не менее увлекательная! Глядя на GIF-файл выше, блоки фиолетового слева кажутся светлее фиолетовых блоков справа. Но оба блока фактически отражают одинаковое количество света ?.

Причина возникновения иллюзии Манкера-Уайта — это… как вы догадались, латеральное торможение.

8. Акварельная иллюзия (Water Colour Illusion)

Акварельная иллюзия

Бывает, что я добавлю границу к объекту, а затем задаюсь вопросом: «Когда я успел изменить цвет фона?». Если вы посмотрите внимательно, вы можете заметить, что бледная область приобретает гораздо более светлый оттенок цвета, окружающего границу. Вы возможно удивитесь, узнав, что более светлая область на самом деле белая!

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

Белая область внутри кнопки, кажется, немного принимает оттенок цвета границы

Я признаю, что эта иллюзия оставила меня в недоумении несколько раз настолько, что мне пришлось использовать палитру цветов, чтобы проверить цвета!

9. Иллюзия Ястрова (Jastrow Illusion)

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

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

Работа над иллюстрацией или логотипом, будь то знак или символ, требует нарезки различных фигур. Эта иллюзия возникает при работе с изогнутыми объектами. Эти два элемента выглядят разными по размеру, но, если внимательно присмотреться, то, на самом деле, они одинакового размера! Безумие, правда?

Некоторые одинаково изогнутые края могут казаться меньшими, чем другие

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

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

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

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

Но на самом деле обе секции одинаковые! Вы можете обнаружить, что обе секции на самом деле идентичны, когда они расположены параллельно.

Каждый ромб имеет одинаковый градиент, но, кажется, что они становятся темнее (сверху вниз)

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

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

11. Иллюзия Мюллера-Лайера (Müller-Lyer Illusion)

Перерегулирование для оптимального визуального восприятия

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

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

Без перерегулирования, буква «e» в логотипе LinkedIn и буква «z» в Amazon не являются оптически сбалансированными

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

Но зачем нужно перерегулирование в типографике?

Причина, по которой требуется перерегулирование, связана с одной из самых популярных оптических иллюзий в мире — иллюзией Мюллера-Лайера. Эти визуальные явления показывают, что размещение шеврона (кавычки «елочки») на каждом конце сегмента линии может привести к тому, что один сегмент будет казаться короче или длиннее в зависимости от направления шеврона. Эта классическая иллюзия доказывает ошибочность человеческого восприятия. Довольно круто, да?

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

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

Достойны упоминания:

• Треугольник Канизы
• Иллюзия Эббингауза
• Иллюзия Эренштейна
• Рассеяние неонового цвета
• Иллюзия с тенью на шахматной доске
• Иллюзорное движение 1
• Иллюзорное движение 2

Источник: sketchapp.me

• 0