Гештальт принципы. Лекция №2

Август 23, 2022

Главная
Психология
Гештальт принципы. Лекция №2

Содержание

2. Гештальт (форма на немецком языке) — это группа принципов визуального восприятия, разработанная немецкими психологами в 1920-х
6. Ключевые идеи принципов гештальта
7. Появление/проявление Людям свойственно распознавать сначала общую форму объекта, а только потом обращать внимание на детали. Наш
9. Воплощение/ обобществление Мы способны распознать объект, даже если какие-то его части отсутствуют. Наш мозг сопоставляет то,
11. Множественная стабильность Люди могут по-разному воспринимать и интерпретировать неоднозначные объекты. Мозг будет перескакивать между возможными вариантами
13. Неизменность/ инвариантность Люди могут распознавать простые объекты независимо от их положения в пространстве, размера и стиля.
15. Мы, как правило, ожидаем от нашего опыта, что он будет обычным и узнаваемым.
16. В чем польза для дизайна?
17. Они помогут определить, какие элементы дизайна наиболее эффективны в данной ситуации 1 Например, когда лучше использовать
18. Влияют на визуальное восприятие Это позволяет направлять внимание на определенные участки макета, мотивируя к целевым действиям,
19. Гештальт-принципы позволят разработать продукт, решающий проблемы и удовлетворяющий потребности клиентов, притом делающий это красивым, приятным и
20. Гештальт принципы
22. Близость Элементы, расположенные близко друг к другу, воспринимаются более связанными, чем те, что находятся на некотором
23. — Панели навигации — Карточки — Галереи — Баннеры — Списки — Основной текст — и
26. Общее предназначение Элементы, движущиеся в одном направлении, мы воспринимаем более взаимосвязанными, чем те, что движутся в
27. — Расширяемое меню — Аккордеон-меню — Подсказки — Индикация прокрутки — и т.д. Примеры использования:
30. Принцип продолжения Элементы, выстроенные по прямой или плавно изогнутой линии, кажутся нам более взаимосвязанными, чем те,
31. — Меню — Подменю — Списки — Карусели — и т.д. Примеры использования:
36. Сходство Элементы с похожими визуальными характеристиками кажутся нам более связанными, чем те, которые выглядят по-разному. 4
37. — Навигация — Ссылки — Кнопки — Заголовки — CTA (призывы к действию) — и т.д.
41. Замкнутость Мы часто воспринимаем группу элементов как один узнаваемый объект или фигуру. Принцип Замкнутости также работает,
45. Общие области Это принцип напоминает принцип близости: элементы, расположенные в пределах одной области, воспринимаются как группа.
46. — Панелей навигации — Карточек — Галерей — Баннеров — Списков — Основного текста — и
50. Симметричность Симметричные элементы (даже если они находятся на расстоянии) обычно воспринимаются как взаимосвязанные и создают ощущение
51. — Галерея — Товары — Списки — Баннеры — Навигация — и т.д. Примеры использования:
54. Скачать презентацию

Слайд 2

Гештальт (форма на немецком языке) — это группа принципов визуального восприятия,

разработанная немецкими психологами в 1920-х годах. Он основан на теории, что «организованное целое воспринимается как большее, чем сумма его частей».

Слайд 3

Слайд 4

Слайд 5

Слайд 6

Ключевые идеи принципов гештальта

Слайд 7

Появление/проявление
Людям свойственно распознавать сначала общую форму объекта, а только потом обращать

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

Слайд 8

Слайд 9

Воплощение/
обобществление
Мы способны распознать объект, даже если какие-то его части отсутствуют. Наш

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

Слайд 10

Слайд 11

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

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

Слайд 12

Слайд 13

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

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

Слайд 14

Слайд 15

Мы, как правило, ожидаем
от нашего опыта, что он будет обычным и

узнаваемым.

Слайд 16

В чем польза для дизайна?

Слайд 17

Они помогут определить, какие элементы дизайна наиболее эффективны в данной ситуации
1
Например,

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

Слайд 18

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

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

Слайд 19

Гештальт-принципы позволят разработать продукт, решающий проблемы и удовлетворяющий потребности клиентов, притом

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

Слайд 20

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

Слайд 21

Слайд 22

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

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

Слайд 23

— Панели навигации
— Карточки
— Галереи
— Баннеры
— Списки
— Основной текст
— и т.д.
Примеры

использования:

Слайд 24

Слайд 25

Слайд 26

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

те, что движутся в разных направлениях или стоят на месте.

Слайд 27

— Расширяемое меню
— Аккордеон-меню
— Подсказки
— Индикация прокрутки
— и т.д.
Примеры использования:

Слайд 28

Слайд 29

Слайд 30

Принцип продолжения
Элементы, выстроенные по прямой или плавно изогнутой линии, кажутся нам

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

Слайд 31

— Меню
— Подменю
— Списки
— Карусели
— и т.д.
Примеры использования:

Слайд 32

Слайд 33

Слайд 34

Слайд 35

Слайд 36

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

которые выглядят по-разному.

Слайд 37

— Навигация
— Ссылки
— Кнопки
— Заголовки
— CTA (призывы к действию)
— и т.д.
Примеры

использования:

Слайд 38

Слайд 39

Слайд 40

Слайд 41

Замкнутость
Мы часто воспринимаем группу элементов как один узнаваемый объект или фигуру.

Принцип Замкнутости также работает, когда объект неполный, или какие-то части не соединены между собой.

Слайд 42

Слайд 43

Слайд 44

Слайд 45

Общие области
Это принцип напоминает принцип близости: элементы, расположенные в пределах одной

области, воспринимаются как группа.

Слайд 46

— Панелей навигации
— Карточек
— Галерей
— Баннеров
— Списков
— Основного текста
— и т.д.
Дополнительный

акцент для:

Слайд 47

Слайд 48

Слайд 49

Слайд 50

Симметричность
Симметричные элементы (даже если они находятся на расстоянии) обычно воспринимаются как

взаимосвязанные и создают ощущение целостности и порядка.

Слайд 51

— Галерея
— Товары
— Списки
— Баннеры
— Навигация
— и т.д.
Примеры использования:

Слайд 52

Гештальт принципы. Лекция №2

Содержание

Гештальт (форма на немецком языке) — это группа принципов визуального восприятия,

Ключевые идеи принципов гештальта

Появление/проявлениеЛюдям свойственно распознавать сначала общую форму объекта, а только потом обращать

Воплощение/обобществлениеМы способны распознать объект, даже если какие-то его части отсутствуют. Наш

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

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

Мы, как правило, ожидаемот нашего опыта, что он будет обычным и

В чем польза для дизайна?

Они помогут определить, какие элементы дизайна наиболее эффективны в данной ситуации1Например,

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

Гештальт-принципы позволят разработать продукт, решающий проблемы и удовлетворяющий потребности клиентов, притом

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

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

— Панели навигации— Карточки— Галереи— Баннеры— Списки— Основной текст— и т.д.Примеры

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

— Расширяемое меню— Аккордеон-меню— Подсказки— Индикация прокрутки— и т.д.Примеры использования:

Принцип продолженияЭлементы, выстроенные по прямой или плавно изогнутой линии, кажутся нам

— Меню— Подменю— Списки— Карусели— и т.д.Примеры использования:

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

— Навигация— Ссылки— Кнопки— Заголовки— CTA (призывы к действию)— и т.д.Примеры

ЗамкнутостьМы часто воспринимаем группу элементов как один узнаваемый объект или фигуру.

Общие областиЭто принцип напоминает принцип близости: элементы, расположенные в пределах одной

— Панелей навигации— Карточек— Галерей— Баннеров— Списков— Основного текста— и т.д.Дополнительный

СимметричностьСимметричные элементы (даже если они находятся на расстоянии) обычно воспринимаются как

— Галерея— Товары— Списки— Баннеры— Навигация— и т.д.Примеры использования:

Похожие презентации