Искусство и визуальное восприятие. Теория визуального восприятия рудольфа арнхейма

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

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

Особенности зрительного восприятия

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

Восприятие цветов

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

Восприятие пространства

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

Восприятие расстояния

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

Восприятие темноты

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

Нарушение зрительного восприятия

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

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

• Снижение способности видеть в темноте. Люди, у которых в той или иной степени подсело зрение, часто жалуются на то, что в кромешной тьме даже по прошествии двух — пяти минут глазам сложно адаптироваться, и они буквально теряют ориентир в пространстве. Если же человека резко переместить из светлой среды в темную, то ему будет достаточно сложно понять, в какую сторону двигаться. В данной ситуации, пожалуй, помогает только нахождение в знакомой обстановке и представление о расположении предметов.
• Чувство дискомфорта. Человек, который плохо видит, постоянно испытывает чувство внутренней неполноценности. Ему приходится значительно напрягаться для того, чтобы получить нужную информацию. Несмотря на все свои усилия, тем не менее, он никогда не обладает информацией в полном объеме, так как часть ее обязательно оказывается потерянной. Часто такая личность вынуждена обращаться к другим людям с просьбой о содействии (например, прочитать мелкий текст, находящийся на некотором расстоянии), что само по себе иногда может сопровождаться неловкостью и смущением.
• Психологическая депривация. Данное состояние приходит потому, что человек в течение жизни, так или иначе, привыкает к комфортным условиям, которые его окружают. Способность видеть воспринимается им не как огромный физический феномен, а скорее, как данность, без которой невозможно обходиться. Поэтому, когда зрение вдруг по непонятной причине начинает снижаться, то личность оказывается в ситуации растерянности. Возникает угнетенное состояние души, когда кажется, что краски мира тают на глазах и никогда уже не сделается лучше. Если при этом человек вынужден отложить в сторону свои занятия (например, работу за компьютером), то возникает дополнительное чувство ограниченности и нередко, безысходности, пока не будут оказаны реальная помощь и поддержка.

Коррекция зрительного восприятия

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

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

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

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

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

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

Занятия по развитию зрительного восприятия

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

• Пальминг. Это упражнение иногда называют «Тепло твоих ладоней». Суть его заключается в следующем: нужно закрыть глаза, положить на них ладони и посидеть в таком положении несколько минут. Оно особенно эффективно тогда, когда вы сильно устали и текст на экране монитора уже плохо воспринимается. За пять – семь минут глаза отдохнут и вам станет легче. Непременное условие: глаза нужно закрыть ладонями таким образом, чтобы дневной свет в них не проникал. В данном случае темнота будет воздействовать как лечебный фактор, оказывая благотворное воздействие.
• Рисуем «змейку». В момент сильной усталости можно попробовать нарисовать движением глаз змею, которая ползет справа налево, а потом слева направо. Такая тренировка отлично подойдет тем, у кого деятельность требует постоянной сосредоточенности и напряжения. Упражнение позволяет расслабить глазные мышцы и вернуть прежнюю остроту зрения.
• Глаза «по кругу». Мысленно рисуем круг и водим глазами по кругу: вверх – вправо – вниз — влево. Повторить несколько раз. Суть этого замечательного упражнения заключается в том, чтобы как можно аккуратнее выполнять данное действие. Во время упражнения глаза расслабляются и отдыхают.
• «В разные стороны». Попробуйте хаотично совершать несложные движения глазами: вверх, вниз, вправо, влево, смотреть в дальний угол комнаты и на кончик собственного носа. Суть заключается в том, чтобы выполнять эти действия не в четкой последовательности, а вразбивку. Так достигается острота зрения и внимание к мелочам.

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

Допустим, нам нужен буклет про замки Германии. Информация для одной страницы буклета подготовлена в Ворде и выглядит так:

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

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

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

Создание страницы буклета

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

Хм. Как-то обычно получилось.

Может так? Нет, не то, скучно.

О, придумал!

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

Попробуйте ответить на вопрос: какое из описаний соответствует левой верхней фотографии? Справа от него или снизу? «На верхней фотографии — Линдерхоф!» — скажет абсолютное большинство читателей. Их ответ будет обусловлен привычным для нас движением глаз, хотя он, по сути своей, ошибочен.

Показать или скрыть движение глаз.

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

Принципы визуального восприятия

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

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

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

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

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

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

При этом Линдерхоф будет выделен, что опять нарушает целостность.

По-прежнему опираясь на принцип связи , нарисуем стрелки-указатели.

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

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

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

Разделение объектов

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

Тизер (Википедия) — рекламное сообщение, которое содержит часть информации о продукте, но при этом сам товар не демонстрируется.

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

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

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

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

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

Психолог Ричард Грегори (Richard Gregory, 1970) был убежден, что визуальное восприятие зависит от нисходящей обработки.

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

Теорию Грегори подтверждают многочисленные доказательства и эксперименты. Один из самых известных примеров — эффект полой маски:

Когда маска поворачивается полой стороной, вы видите нормальное лицо

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

Как мы воспринимаем визуальную информацию согласно теории Грегори?

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

2. Визуальная информация, которую мы воспринимаем, соединяется с ранее сохраненными сведениями о мире, полученными нами опытным путем.

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

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

2. Эксперимент Саноки и Сульмана на соотношения цветов

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

В 2011 Томас Саноки (Thomas Sanocki) и Ноа Сулман (Noah Sulman) провели эксперимент с целью изучить, как сочетаемость цветов влияет на кратковременную память — нашу способность запоминать то, что мы только что увидели.

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

Ниже приведены 4 примера палитр, которые демонстрировались участникам эксперимента:

Как цвета влияют на наше визуальное восприятие согласно теории Саноки и Сульмана?

1. Люди лучше запоминают те палитры, в которых цвета сочетаются между собой.
2. Люди лучше запоминают палитры, содержащие сочетание только трех или менее цветов, чем те, в которых четыре и более цвета.
3. Контраст расположенных рядом цветов влияет на то, насколько хорошо человек помнит цветовую схему. Иными словами, это значит, что цветовое различие между контекстом и фоном может повысить нашу способность концентрироваться на контексте.
4. Мы можем помнить довольно большое количество цветовых сочетаний одновременно.

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

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

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

В 1998 году Франк Тонг (Frank Tong), Кен Накаяма (Ken Nakayama), Джей Томас Воган (J. Thomas Vaughan) и Нэнси Канвишер (Nancy Kanwisher) в ходе эксперимента сделали вывод о том, что если смотреть одновременно на два разных изображения, возникает эффект бинокулярного соперничества.

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

Как мы воспринимаем визуальную информацию согласно эксперименту Тонга?

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

Дэвид Кармель (David Carmel), Михаэль Аркаро (Michael Arcaro), Сабин Кастнер (Sabine Kastner) и Ури Хассон (Uri Hasson) провели отдельный эксперимент и выяснили, что бинокулярным соперничеством можно манипулировать с помощью таких параметров стимула, как цвет, яркость, контрастность, форма, размер, пространственная частота или скорость.

Манипулирование контрастом в примере ниже приводит к тому, что левый глаз воспринимает доминирующее изображение, в то время как правый - подавленное:

Как контрастность влияет на наше визуальное восприятие по данным эксперимента?

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

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

4. Влияние типографики и эстетики на процесс чтения

Вы знали, что типографика может влиять на настроение человека и его способность принимать решения?

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

В своем эксперименте Кевин Ларсен (Kevin Larson, Microsoft) и Розалинд Пикард (Rosalind Picard, MIT) выяснили, как типографика влияет на настроение читателя и его способность решать задачи.

Они провели два исследования, в каждом из которых приняли участие 20 человек. Участников разделили на две равные группы и дали 20 минут, чтобы прочитать на планшете номер журнала The New Yorker. Одной группе достался текст с плохой типографикой, другой — с хорошей (примеры приведены ниже):

В ходе эксперимента участников прерывали и спрашивали, сколько, по их мнению, прошло времени с начала эксперимента. Согласно данным психологического исследования (Weybrew, 1984): люди, которые находят свое занятие приятным и пребывают в позитивном настроении, считают, что потратили намного меньше времени на чтение.

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

Как мы воспринимаем хорошую типографику и ее влияние?

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

Совет №4 по информационному дизайну, основанный на эксперименте Ларсена и Пикард, выявляющем влияние типографики: используйте удобочитаемые шрифты; отделяйте текст от изображений; не накладывайте картинки или иконки на текст; оставляйте достаточно свободного пространства между абзацами.

5. Восприятие сути сцены по Кастелано и Хендерсену

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

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

Что такое восприятие сути сцены? По мнению исследователя из Nissan Research & Development Рональда А. Ренсинка (Ronald A. Rensink):

«Восприятие сути сцены (scene gist), или восприятие сцены — это визуальное восприятие окружающей среды в качестве наблюдателя в любой момент времени. Оно включает в себя не только восприятие отдельных объектов, но и такие параметры, как их взаиморасположение, а также представление о том, что встречаются другие виды объектов».

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

В 2008 году Моника С. Кастелано (Monica S. Castelhano) из Университета Массачусетса в Амхерсте и Джон М. Хендерсон (John M. Henderson) из Эдинбургского университета в ходе эксперимента изучили влияние цвета на способность восприятия сути сцены.

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

Нормальные и размытые фотографии были представлены с цветными и монохромными соответственно.

Для определения роли цветов в восприятии сути сцены для следующих примеров фотографий использовались аномальные цвета:

Как мы воспринимаем визуальную информацию на основании выводов Кастелано и Хендерсена?

1. Испытуемые схватывали суть сцены и целевой объект за секунды. Это значит, что люди могут быстро понимать значение нормальной сцены.
2. Испытуемые быстрее устанавливали соответствие цветных картинок, чем черно-белых. Таким образом, цвет помогает нам лучше понять картинку.
3. В целом, цвета определяют структуру объектов. Чем лучше цвет соответствует тому, как мы обычно воспринимаем мир, тем легче нам понять смысл изображения.

Совет №5 по информационному дизайну на основе исследований восприятия сцены Кастелано и Хендерсена: используйте подходящие иконки или картинки для представления данных; располагайте контент в правильной последовательности; используйте привычные цвета для важных объектов.

Выводы

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

1. Макет и дизайн

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

2. Видеоряд

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

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

4. Типографика

• Выбирайте удобочитаемые шрифты.
• Оставьте достаточно пустого пространства между заголовком и текстом или картинкой.
• Не накладывайте картинки или иконки на текст.
• Установите достаточные пробелы между символами.

Теперь, когда вы знаете все тонкости создания красивой и убедительной инфографики, дело за вами!

В 1910 психолог Макс Ветгеймер (Max Wertheimer), наблюдавший за вспышками сигнальных огней на железнодорожном переезде, испытал внезапное озарение, впоследствии послужившее основой для разработки концепции гештальта (от немецкого Gestalt — целостная структура, образ, форма) и формулировки принципов визуального восприятия объектов.

Цепочка рассуждений психолога была примерно следующей: на самом деле световой сигнал не перемещается влево-вправо — это просто последовательно включаются и выключаются 2 отдельные лампы. Еще более наклонность человеческого мозга «дорисовывать» наблюдаемый объект до завершенной, «полной» структуры заметна при взгляде на «бегущие огоньки», создаваемые электрическим лампами, по периметру окружающими вывески и козырьки крыш кинотеатров.

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

Ключевые идеи, лежащие в основе теории гештальта

«Целое есть нечто иное, нежели сумма его частей», — Курт Коффка (Kurt Koffka, немецко-американский психолог, один из основателей гештальт-психологии).

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

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

Есть 4 ключевые идеи, формирующих принципы гештальта:

Появление/проявление (Emergence) — целое распознается прежде, чем его составляющие.

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

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

Воплощение/обобществление (Reification, «конкретизация») — аспект восприятия, в котором объект воспринимается как содержащий больше пространственно-наглядной информации, чем на самом деле присутствует в сенсорном стимуле от наблюдаемого объекта .

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

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

Множественная стабильность (Multi-stability, мультистабильность) — свойство, позволяющее переключаться между стабильными альтернативными интерпретациями при неоднозначном опыте восприятия объекта (неоднозначном перцептивном опыте).

Проще говоря, некоторые объекты могут быть интерпретированы сознанием более чем одним способом. На этом свойстве визуального восприятия базируется множество пространственных иллюзий. Ниже приведен пример, с которым вы, скорее всего, уже знакомы: на этой картинке можно увидеть либо два лица в профиль, либо вазу (см. левую иллюстрацию в разделе «Фигура и фон»).

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

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

Инвариантность (Invariance) — свойство восприятия, позволяющее узнавать объекты независимо от их вращения, перемещения, масштабирования, изменения условий освещения и т. д.

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

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

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

Принципы гештальта

Большинство из этих принципов относительно легки для понимания, тем более, что их объединяет общая тема, «красной нитью» проходящая через многие из них:

«При прочих равных условиях связанные между собой элементы при восприятии группируются в единицы высшего порядка», — Стивен Палмер (Stephen Palmer), американский психолог.

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

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

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

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

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

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

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

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

На левом изображении выше вы увидите белый треугольник, хотя изображение на самом деле состоит из трех черных «Пэкменообразных» форм (Pac-Man-like shapes). На рисунке справа вы в комбинации нескольких случайных фигур увидите панду. Так получается потому, что увидеть треугольник и панду проще, чем пытаться понять, что же означает каждая отдельная часть рисунка.

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

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

Симметрия и порядок (Symmetry and Order)

«Люди склонны воспринимать объекты как симметричные формы, образованные вокруг условных центров».

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

На иллюстрации выше вы видите три пары открывающих и закрывающих скобок. Принцип близости (The principle of proximity), о котором речь пойдет чуть позже, позволяет нам предположить, что мы должны увидеть что-то еще. Явная незавершенность изображения — кажется, что с обоих сторон не хватает еще по одной скобке — свидетельствует о том, что в восприятии человека симметрия имеет приоритет над близостью .

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

Фигура и фон (Figure and Ground)

«Элемент воспринимается либо как фигура/объект (элемент в фокусе внимания), либо как фон (поверхность, на которой расположена фигура/объект)».

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

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

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

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

В увеличении стабильности нам могут помочь два взаимосвязанных принципа восприятия:

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

Равномерная связность (Uniform Connectedness)

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

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

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

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

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

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

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

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

Принцип близости подобен принципу общих областей, но использует пространство как упомянутая нами ранее замкнутость .

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

Объекты не должны быть схожи по каким-либо признакам (предположим, цвет, размер, форма), чтобы их можно было расположить в пространстве поблизости друг от друга и они воспринимались как взаимосвязанные.

Продолжение (Continuation)

«Элементы, расположенные на линии или кривой, воспринимаются как более тесно связанные, чем элементы, не находящиеся на линии или кривой».

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

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

Общее предназначение/синхронность (Common Fate/Synchrony)

«Элементы, движущиеся в одном направлении, воспринимаются как более связанные, чем элементы неподвижные или же движущиеся в разных направлениях».

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

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

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

Параллелизм (Parallelism)

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

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

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

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

Сходство (Similarity)

«Элементы, имеющие сходные общие характеристики, воспринимаются как взаимосвязанные — в отличие от элементов, не обладающих данными характеристиками».

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

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

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

Точки фокусировки (Focal Points)

«Точки фокусировки — элементы, способные за счет отличия от других захватывать и удерживать внимание посетителя лендинга/сайта».

Этот принцип предполагает, что внимание посетителя будет сфокусировано на элементе, чем-либо отличающихся от других. На рисунке ниже точка фокусировки выделена формой, цветом и отбрасываемой «тенью» (псевдообъемом).

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

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

Прошлый опыт (Past Experiences)

«Элементы, как правило, воспринимаются в соответствии с прошлым опытом пользователя».

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

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

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

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

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

Вместо заключения

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

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

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

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

Эмпирические характеристики визуального восприятия

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

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

Константность как одна из характеристик визуального восприятия

Определение 2

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

Константность восприятия обеспечивается активными действиями перцептивной системы.

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

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

Определение 3

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

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

Выделяют два вида контраста: прямой, при котором предмет темнее фона, и обратный, при котором предмет воспринимается как более яркий, чем фон.

Целостность как эмпирическая характеристика визуального восприятия

Определение 4

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

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

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

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