julianna kunstler

Gestalt Principles

© JuliannaKunstler.com

notes:

gestalt

To become a good designer, you need to understand and use the power of psychology in visual perception.

gestalt

How does someone react to your design when sees it?
How does his mind interpret it?


gestalt

How does one’s mind interpret it?

gestalt

Gestalt is a psychology movement, that helps us understand and predict these interpretations.

gestalt

Our brain tries very hard to find sense in visual images.

That’s why it looks for familiar clues in your mental visual library …
It sifts through millions of image impressions until it finds an explanation of what you see.

gestalt

You’ve got a very powerful computer there, in your head!

gestalt

Back in 1920s, Gestalt psychologists

Max Wertheimer,

Wolfgang Kohler

and Kurt Koffka

came to conclusion:

“The sum of the whole is greater than its parts”

gestalt

That means that we see the whole picture before we see details.

gestalt

According to Gestalt psychology, there are 5 basic principles of visual perception.

gestalt

According to the principle of similarity – We visually group similar elements

That would be the elements that share similar characteristics, like:

  • Value
gestalt

  • Size
gestalt

  • Shape
gestalt

  • Texture
gestalt

  • Color
gestalt

  • Orientation

You see them as a group and separate them from other elements….

gestalt

Use this principle if you, for example, want to emphasize an element.

Just make it different, and everyone will focus on it.

gestalt

gestalt

gestalt

gestalt

When we see elements that are randomly spaced out – we see them as separate objects.

gestalt

Once they get closer, we see them as a group of friends.

gestalt

We visually group objects that are close.

gestalt

Elements, that are closer together are seen as belonging together.

gestalt

You can emphasize an element just by spacing it away.

gestalt

We move our eyes from one object to another as we would we follow a path…

gestalt

well… until it is interrupted

gestalt

Your eye naturally follows…

  • a line
gestalt

  • a path
gestalt

  • a group of shapes
gestalt

  • or even lack of…
gestalt

Your brain likes simplicity, so it always picks the smoothest paths.

gestalt

These two

gestalt

Not those.

gestalt

You can emphasize an element by having other elements point to it.

Which makes sense..

gestalt

The principle of closure states that we visually finish incomplete shapes.

gestalt

That means we tend to see the whole shape even when part of the information is missing.

gestalt

If what we see, only suggests an explanation – the eye will fill in the gaps.


gestalt

gestalt

How many shapes do you see?

Your first reaction and a natural one – is 4:

3 black circles, covered by a white triangle.

Seeing these 4 shapes is the simplest interpretation of what you see, not the 3 circles with cut-out slices…

Our brain likes simple solutions.

gestalt

Our brain separates a foreground from a background on a flat surface

We see an object – figure against its surrounding – ground.

It is also called positive / negative space relationship.

gestalt

Same shapes can be seen as

  • a foreground
gestalt

  • or a background
gestalt

A Color or a tonal value of an element have nothing to do with determining whether it is a figure or a ground.

It’s all in the context

gestalt

You can create an interest in your design by working on negative space instead of the object itself…

Or even combining both

gestalt

Science did not stay still since 1920s

Other principles of perception were identified.

People intuitively prefer the simplest solutions possible.

What shapes do you see here:

One disc and 2 partial discs

or

3 overlapping discs?

Your first impression was probably the 3 overlapping discs – why?>

gestalt

… not the three complex shapes….

gestalt

Because the three overlapping disks is the simplest interpretation of what you see.

gestalt

gestalt

Elegant design requires minimum number of steps you take to convey a message.

A great deal may be happening on a page with very few graphics. 

gestalt

In fact, adding more elements, without understanding their effect, can often make the message confusing.

gestalt

Familiarity causes a shape to stand out from its surroundings.

We tend to see familiar objects first.

gestalt

In this display of random shapes and lines… which element caught your eye first?

gestalt

I bet it was the A

As we focus on it – it becomes a figure, while the rest of the elements become background.

Copyright © 2008–2026 Julianna Kunstler