You may remember the significance of Gestalt Theory in a psychology class, but these principles are also important to designers. They help designers improve the aesthetic appeals, functionality, and user-friendliness of their works.

There are 6 main principles:

  1. similarity
  2. continuation
  3. closure
  4. proximity
  5. figure/ground
  6. symmetry & order

1) SIMILARITY: It is human nature for us to visually group similar, regardless of their proximity to each other– grouped by color, shape, or size

example of the gestalt principle of similarity
We group these shapes by color

2) CONTINUATION: It is human nature for our eyes to follow the smoothest path when viewing lines, regardless of how the lines are truly drawn

an example of the gestalt principle of continuity
Our eyes most likely follow the straight lines across, despite the color changes

3) CLOSURE: It is human nature for our brains to automatically fill in the missing parts of a design or image to create a whole. For example when looking at a complex arrangement of elements, we tend to look for a single, recognizable pattern.

Closure.
In the left image, our brain sees a triangle, and in the right image, our brain sees a panda, despite the fact that neither is outlined completely.

4) PROXIMITY: It is human nature for us to perceive objects positioned closer together as more related than objects further apart.

Due to the spacing/proximity of the objects, we perceive the image on the left as one group and the image on the right as three distinct groups.

5) FIGURE/GROUND: It is human nature for the eye to categorize elements into two groups—Elements are perceived as either as the element in focus, the figure, or the background the figure rests on, the ground.

The image above can be interpreted as a vase or two faces depending on which part the viewer considers the focal point/background.

6) SYMMETRY & ORDER: It is human nature for us to prefer simplicity, clarity, and order. Thus, we are likely to perceive objects as symmetrical shapes forming around their center.

When looking at the left image, viewers are more likely to see the individualized shapes shown in the right rather than them all together as an ambiguous group.

For more details, visit:

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

https://www.toptal.com/designers/ui/gestalt-principles-of-design

Categories: 406-TR

2 Comments

Josh Mukherjee · April 4, 2022 at 7:10 pm

The continuation aspect is really cool. It’s interesting that our mind follows the smoothest path and does not follow the colors.

Riley Thompson · April 15, 2022 at 7:32 pm

I think the Symmetry & Order aspect is a very interesting element of perception. Since we were first exposed to those individual shapes (rather than the whole shape), we view it as made up of all of those shapes. I’m curious though, if we had been shown/taught something (like that shape on the left) as its own unique entity before we were taught/shown the triangle, circle, and rectangle as distinct entities, if we would instead view those shapes as pieces of the bigger shape we were taught first, or if our minds would still break the bigger one down into smaller pieces.

Comments are closed.