Найти в Дзене

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

Многие принципы дизайна вытекают из теории гештальта.
Главные идеи, которые лежат в основе теории гештальта:
1. Возникновение - сначала определяем контур, сопоставляем его с уже известными нам, затем определяем части
2. Реификация - находим близкое совпадение, заполняем пробелы
Оглавление
https://alejandravargas.home.blog/2019/05/15/teoria-de-la-gestalt-ley-de-continuidad/
https://alejandravargas.home.blog/2019/05/15/teoria-de-la-gestalt-ley-de-continuidad/

Многие принципы дизайна вытекают из теории гештальта.

Главные идеи, которые лежат в основе теории гештальта:

1. Возникновение - сначала определяем контур, сопоставляем его с уже известными нам, затем определяем части

https://www.pinterest.ru/pin/684265737127570627/
https://www.pinterest.ru/pin/684265737127570627/

2. Реификация - находим близкое совпадение, заполняем пробелы

https://eyecanlearn.com/perception/closure/
https://eyecanlearn.com/perception/closure/

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

https://emosurf.com/post/3771/Chto_takoe_geshtalt_ili_pochemu_ofitsiant_srazu_zabyvaet_vypolnennyy_zakaz.html
https://emosurf.com/post/3771/Chto_takoe_geshtalt_ili_pochemu_ofitsiant_srazu_zabyvaet_vypolnennyy_zakaz.html

4. Инвариантность - простые знакомые объекты распознаются независимо от их вращения, перемещения и масштаба

https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/
https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/

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

1. Закон Прегнанца (закон простоты). Мы предпочитаем простые, понятные, упорядоченные вещи, они требуют меньше времени на обработку

https://www.cossa.ru/sandbox/109071/
https://www.cossa.ru/sandbox/109071/

2. Закрытие. Тоже стремится к простоте, мы ищем закономерности. И в отличие от закона Прегнанса, здесь мы стремимся объединить части, чтобы сформировать более простое целое

https://psihologia.biz/articles/geshtaltpsihologiya.html
https://psihologia.biz/articles/geshtaltpsihologiya.html

3. Симметрия и порядок. Мы стремимся упорядочить хаос сбалансировать композицию. Симметрия дает ощущение порядка. Она важнее близости.

https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/
https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/

4. Фигура / фон. Отношение между элементом и негативным пространством. Мы отделяем фигуру от ее фона. Эти отношения могут быть стабильными и нестабильными.

3 типа отношений между фигурой и фоном:

  • Устойчивое отношение - фигура легко и четко отделена от фона
  • Двусмысленное отношение - часть фигуры мы можем распознать как фигуру, а часть как фон
  • Реверсивное отношение - фигура и фон имеют одинаковый вес и мы переключаемся между ними

На восприятие фигуры влияют

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

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

-9

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

https://dev.event.ru/trips/event-logo-prostota-simmetriya-i-drugie-printsipyi-geshtalt-teorii-kak-osnova-graficheskogo-dizayna/
https://dev.event.ru/trips/event-logo-prostota-simmetriya-i-drugie-printsipyi-geshtalt-teorii-kak-osnova-graficheskogo-dizayna/

6. Общие области. Элементы воспринимаются как группа, если они имеют замкнутую общую область

https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/
https://laptrinhx.com/gestalt-principles-in-ui-design-1944053361/

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

-12

8. Продолжение. Элементы, расположенные на линии или кривой, воспринимаются как связанные

https://www.usertesting.com/blog/gestalt-principles
https://www.usertesting.com/blog/gestalt-principles

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

https://www.pinterest.ru/pin/356628864214513007/
https://www.pinterest.ru/pin/356628864214513007/
https://psihologia.biz/articles/geshtaltpsihologiya.html
https://psihologia.biz/articles/geshtaltpsihologiya.html

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

https://www.smashingmagazine.com/2014/03/design-principles-visual-perception-and-the-principles-of-gestalt/
https://www.smashingmagazine.com/2014/03/design-principles-visual-perception-and-the-principles-of-gestalt/

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

https://zen.yandex.ru/media/id/5bc906e72cdd2c00ae4fe9c0/geshtaltprincip-shojest-5bcafeb901e1dc00aa7de6d3
https://zen.yandex.ru/media/id/5bc906e72cdd2c00ae4fe9c0/geshtaltprincip-shojest-5bcafeb901e1dc00aa7de6d3

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

https://askusers.ru/blog/pravila/tochki-fokusirovki/
https://askusers.ru/blog/pravila/tochki-fokusirovki/

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