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

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

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

Что такое Принципы дизайна гештальт?

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

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

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

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

Самый простой способ понять гештальт — это взглянуть на различные принципы.

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

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

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

Рисунок / Земля

Элементы воспринимаются либо как фигура (элемент фокуса), либо как фон (фон, на котором сидит фигура).

Принципы дизайна гештальт 2

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

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

Рисунок / Земля позволяет нам узнать, на чем мы должны сосредоточиться, а на что можно спокойно игнорировать в композиции.

Площадь. Принципы дизайна гештальт

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

На рисунке показан меньший из двух перекрывающихся объектов. 

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

Сходство

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

Принципы дизайна гештальт 4

На изображении выше вы, несомненно, группируете объекты в квадрат или круг из-за схожести формы или формы.

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

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

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

Изоморфизм. Принципы дизайна гештальт

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

Равномерная связность (закон единства)

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

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

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

Продолжение (преемственность)

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

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

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

Закрытие

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

Принципы дизайна гештальт 8

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

Близость. Принципы дизайна гештальт

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

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

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

Общая судьба (синхронность). Принципы дизайна гештальт

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

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

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

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

Симметрия

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

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

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

Параллелизм

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

Принципы дизайна гештальт 10

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

Общий регион

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

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

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

Добавление границ (общей области) вокруг элемента или группы элементов — простой способ отделить их от окружающих элементов.

Прошлый опыт. Принципы дизайна гештальт

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

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

Закон фокусной точки

Интересная точка, акцент или отличие привлечет и удержит внимание зрителя /

Принципы дизайна гештальт Закон фокусной точки

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

Закон Прананца (Хорошая фигура, Закон простоты)

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

Закон Прананца

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

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

Дополнительные мысли о принципах гештальт

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

Гештальт-принципы — это набор имеющихся в вашем распоряжении инструментов для управления восприятием ваших дизайнов.

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

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

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

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

 

Типография АЗБУКА