44
Gestalt psychology Fronteers December 2008 - Henk Wijnholds - [email protected] & webdesign

Gestaltpsychology en webdesign (engels)

Embed Size (px)

Citation preview

Page 1: Gestaltpsychology en webdesign (engels)

Gestalt psychology

Fronteers December 2008 - Henk Wijnholds - [email protected]

& webdesign

Page 2: Gestaltpsychology en webdesign (engels)

GestaltThe way things are placed or put together

Page 3: Gestaltpsychology en webdesign (engels)

Gestalt psychologyis about human perception

Page 4: Gestaltpsychology en webdesign (engels)

Let’s introduce these fellas, the founders...

Kurt KoffkaWolgang Köhler Max Wertheimer

Page 5: Gestaltpsychology en webdesign (engels)

Why do we see some things as foreground and others as background?

Page 6: Gestaltpsychology en webdesign (engels)

How is it possible that we can distinguish shapes?

Page 7: Gestaltpsychology en webdesign (engels)

What’s a good shape?

Page 8: Gestaltpsychology en webdesign (engels)

How do we see consistency of things?

Page 9: Gestaltpsychology en webdesign (engels)

Founders discovered 5 laws ...

Law of ...

proximitysimilarityclosure

continuitysimplicity

Page 10: Gestaltpsychology en webdesign (engels)

Law of proximity

Page 11: Gestaltpsychology en webdesign (engels)

Law of proximity

Page 12: Gestaltpsychology en webdesign (engels)

Law of proximity

Page 13: Gestaltpsychology en webdesign (engels)

Law of similarity

Page 14: Gestaltpsychology en webdesign (engels)

Law of similarity

Page 15: Gestaltpsychology en webdesign (engels)

Law of similarity

Page 16: Gestaltpsychology en webdesign (engels)

Law of similarity

Page 17: Gestaltpsychology en webdesign (engels)

Law of similarity

Page 18: Gestaltpsychology en webdesign (engels)

Law of closure

Page 19: Gestaltpsychology en webdesign (engels)

Law of closure

Page 20: Gestaltpsychology en webdesign (engels)

Law of closure

Page 21: Gestaltpsychology en webdesign (engels)

Law of closure

Page 22: Gestaltpsychology en webdesign (engels)

Law of closure

Full closure is not necessary

Page 23: Gestaltpsychology en webdesign (engels)

Law of closure

Page 24: Gestaltpsychology en webdesign (engels)

Law of continuity

Page 25: Gestaltpsychology en webdesign (engels)

Law of continuity

Page 26: Gestaltpsychology en webdesign (engels)

Law of continuity

Page 27: Gestaltpsychology en webdesign (engels)

Law of continuity

Page 28: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 29: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 30: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 31: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 32: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 33: Gestaltpsychology en webdesign (engels)

Law of simplicity

The laws of simplicityJohn Maeda

Page 34: Gestaltpsychology en webdesign (engels)

Law of simplicity

Laat dingen weg

Page 35: Gestaltpsychology en webdesign (engels)

Law of simplicity

Example by Luke Wroblewski

Laat dingen wegLaat alleen het meest nodige staan

Page 36: Gestaltpsychology en webdesign (engels)

Law of simplicity

Organiseer dat wat achter blijft

Page 37: Gestaltpsychology en webdesign (engels)

Law of simplicity

Example by Luke Wroblewski

Organiseer dat wat achterblijft

Page 38: Gestaltpsychology en webdesign (engels)

Law of simplicity

Werk met een goed grid

Page 39: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 40: Gestaltpsychology en webdesign (engels)

Law of simplicity

Page 41: Gestaltpsychology en webdesign (engels)

Law of simplicity

http://www.concept7.nl/henk/?p=80

Download our sketching paper

Page 42: Gestaltpsychology en webdesign (engels)

Gestalt psychology

So maybe design is tangible?Grouping helps us arrange the world

Page 43: Gestaltpsychology en webdesign (engels)

Gestalt psychology

Try to objectify subjectivity

Page 44: Gestaltpsychology en webdesign (engels)

FINhttp://www.concept7.nl/henk/