Анализ визуальных иллюзий в графическом дизайне

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

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


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

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


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

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

Рисунок 5 - Полосы Маха

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


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

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

Рисунок 7 - Иллюзия Геринга

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


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

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

Рисунок 9 - Сетка Германа

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

Рисунок 10 - Контрастная иллюзия

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

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

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


Рисунок 12 - Иллюзия Манкера-Уайта

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


Рисунок 13 - Причина иллюзии Манкера-Уайта

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

Рисунок 14 - Иллюзия Акварели

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


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

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


Рисунок 16 - Иллюзия Джастроу

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


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

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


Рисунок 18 - Иллюзия Корнсвита

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


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

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

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

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

Список литературы

Джамбруно М. Трехмерная графика и анимация. – 2002. – 640 с.
Зиновьев А.Ю. Визуализация многомерных данных. Красноярск: Изд-во КГТУ, 2000. - 180 с.
Талапов В. В. Основы BIM: введение в информационное моделирование зданий. – М. : ДМК Пресс, 2011.
3D GIS for urban development – Sisi Zlatanova, 2000 [Electronic resourse]. – URL: http://agris.fao.org/agris-search/search.do?recordID=NL2001000641/ (дата обращения 27.05.2020).
6 Industries that Use 3D Modeling Software [Электронный ресурс]. – Режим доступа: \www/ URL: http://www.steves- digicams.com/knowledge-center/how-tos/video-software/6-in- dustries-that-use3d-modeling-software.html#b (дата обращения 27.05.2020).
Anurag Ghosh. What is 3D Modeling? [Электронный ресурс]. – Режим доступа: \www/ URL: http:// www.wisegeek.com/what-is-3d-modeling.htm#.
James Chronister. Blender Basics. - 4-rd edition, 2011. – 177 с.











2



5