X
Think Differently. Think Visually. Receive weekly expert tips on becoming a better visual
communicator, right in your inbox.


Please leave this field empty.

We don't share your personal info with anyone.

Written by: Samantha Lile

September 27, 2017

How to Apply Gestalt Principles to Your Designs for Maximum Impact

gestalt design principles

What makes an effective design? Part of the answer can be found within the tenets of Gestalt psychology. Also known as gestaltism, the philosophy dictates that the human mind perceives a whole composition as something different than its individual elements. According to Kurt Koffka, one of the earliest Gestalt psychologists, “The whole is other than the sum of the parts.”

Early 20th-century psychologist Max Wertheimer was one of the first to discuss the concept after he observed flashing lights at a railroad crossing. He noticed that while it appeared a single light was moving, in reality a series of bulbs were lighting up in succession.

The idea that a whole is perceived as different or more than the sum of its parts is commonly employed in design, even if the artist is consciously unaware of its use. The following eight design principles are derived from Gestalt theory:

How-to-Apply-Gestalt-Principles-to-Your-Designs-for-Maximum-Impact-Infographic-gestalt design principles


Embed on your site:
<script src=”//my.visme.co/visme.js”></script><div class=”visme_d” data-url=”kkzzx4w0-how-to-apply-gestalt-principles-to-your-designs-for-maximum-impact” data-w=”800″ data-h=”5590″ data-domain=”my”></div><p style=”font-family: Arial; font-size: 10px; color: #333333″ >Created using <a href=”http://www.visme.co/make-infographics” target=”_blank” style=”color: #30a0ea”><strong>Visme</strong></a>. An easy-to-use Infographic Maker.</p>


Create your own memorable infographics in minutes with this drag-and-drop tool.Try It for Free

 

8 Gestalt Design Principles with Examples

1 Gestalt Law of Simplicity

Gestalt-Law-of-Simplicity gestalt design principles

According to the first Gestalt design principle, also commonly referred to as emergence, people perceive and interpret ambiguous or complex images in their simplest form.

Consider, for example, the Girl Scouts of America logo below. While the design consists of irregular shapes with negative space in between, we see three silhouettes. Even more simply, those who have seen the image before are most likely to perceive the whole as a single logo instead of even three faces. We don’t have to stop and think about it first. It’s just what we see.

Girl_Scouts-logo gestalt law of simplicity gestalt design principles

According to psychologists, when we identify an object, we first seek to identify its outline. We then compare it to known shapes and patterns. Without even realizing we’re taking these steps, we finally combine the identified elements to recognize the whole.

Therefore, a simple and well-defined design will more quickly communicate the desired message than detailed illustrations with ambiguous contours.

 

2 Gestalt Law of Similarity

gestalt law of similarity shape color size gestalt design principles

According to this Gestalt design principle, objects with similar characteristics are perceived as more closely related than objects that share no similar features. Our minds simply group the similar objects together regardless of their proximity to one another.

Think about a group of shapes consisting of three squares, a triangle, a circle, a hexagon and a star. Most will perceive the three squares as a group apart from the other shapes. The same effect occurs with a group of squares that are either blue or green. Even though they are all the same shape, the blue shapes will be perceived as related, as will the green shapes.

Design elements can be perceived as related by sharing any sort of characteristic, including color, shape, size and texture.

 

3 Gestalt Law of Proximity

gestalt law of proximity gestalt design principles

Also an essential element of visual hierarchy, proximity is a common way to group design elements. Simply speaking, objects that are close together are generally perceived as more related than objects farther apart.

In the above example, the group of 16 circles on the left is perceived as a single group, while the same 16 circles on the right is instead seen as two separate groups of 8. The only difference is the space between.

Based on this Gestalt design principle of proximity, objects placed close to each other don’t even have to share any characteristics to be perceived as a group. A design could include 16 different shapes of varying colors, but if they are within close proximity to each other as compared to other elements, they will be perceived as a group.

RELATED: 11 Rules of Composition for Non-Designers

 

4 Gestalt Law of Closure

Gestalt-Principles-Closure gestalt design principles

Create your own blog graphics in minutes with this drag-and-drop tool.Try It for Free

The closure principle dictates that a complete outline isn’t necessary to convey the same message as a partial outline. Even if parts are missing, the human psyche will make every attempt to match it to a known object just as long as the designer includes enough information that viewers can fill in the gaps. If too much is missing, the design will instead appear as its separate parts.

WWF-logo-Closure gestalt design principles

Consider the World Wildlife Fund logo, for example. What would otherwise be a group of irregular shapes combine to form a recognizable design. Notice that some upper portions of the outline are missing, and the design is somewhat incomplete. We still instantly recognize the shape as a panda.

 

5 Gestalt Law of Figure and Ground

gestalt law of figure and ground gestalt design principles

In any design, elements are perceived as either the focal point in the foreground or part of the background. The figure is generally described as the focal point, while the ground is the element on which the figure rests. In most cases, designs with a definitive point of interest, emphasis or contrast capture and hold viewers’ attention more effectively than designs without a focal point.

People tend to determine the figure and ground relationship before making any other resolutions about what they see. We’ve evolved to prioritize this perception so we can better navigate our surroundings. Without it, we’d be running into objects and tripping over sidewalks.

How-to-Apply-Gestalt-Principles-to-Your-Designs-for-Maximum-Impact-Figure-and-Ground-gestalt design principles

Sometimes designers can use this principle to draw attention to their creations. Consider the above book cover. Do you see a silhouette of Batman or the Penguin? Both are there. What we see depends on whether we view the yellow or the black as the figure, while the other remains in the ground.

 

6 Gestalt Law of Continuity

According to the principle of continuity, elements arranged in a line or curve are generally assumed to continue beyond their defined end point. In other words, once our eyes begin to follow a line or curve, we believe that line will continue in the same direction until it encounters another object.

gestalt law of continuity gestalt design principles

Think about when you look at a road. Many times, it will expand into the distance further than the eye can see. But that doesn’t mean you believe the road stops at the horizon. Instead, you automatically assume it continues along the same line beyond what you can see.

 

7 Gestalt Law of Symmetry

gestalt law of symmetry and order gestalt design principles

People tend to perceive objects as symmetrical shapes whenever possible. It’s simply human nature to look for order among chaos. Therefore, designers should attempt to provide balance over disorder.

Symmetry doesn’t have to be taken literally to be effective, however. Balance can be created by use of a harmonic color scheme or by a similar but inexact group of elements on each side of a page.

How-to-Apply-Gestalt-Principles-to-Your-Designs-for-Maximum-Impact-Order-and-Symmetry gestalt design principles

Consider the above group of eyes. Because our minds strive to recognize symmetry whenever possible, most will immediately recognize three sets of eyes rather than six separate items, even though their proximity from one another is equal.

 

8 Gestalt Law of Synchrony

gestalt law of synchrony gestalt design principles

Create your own blog graphics in minutes with this drag-and-drop tool.Try It for Free

Also commonly known as common fate, the Gestalt design principle of synchrony dictates that elements moving in the same direction are perceived as more related than the same elements moving in different directions. Regardless of their placement or how dissimilar they may be, we perceive elements that move in the same direction as related.

How-to-Apply-Gestalt-Principles-to-Your-Designs-for-Maximum-Impact-Synchrony gestalt design principles

Elements don’t have to be moving literally for the principle to apply. Consider the above design, for example. Most will instantly associate the circles with the upward-pointing arrows as related as opposed to the group with the downward-pointing arrows, even though they aren’t physically grouped together.

RELATED: 19 of The Most Common Mistakes Made By Non-Designers

 

Your Turn

Gestalt design principles help take the guesswork out of design. By employing these psychological tenets, designers and non-designers can understand why they make certain decisions and better predict how audiences will perceive various elements.

And this doesn’t just apply to graphic design projects. They can also be applied to your own presentations and infographics created with drag-and-drop tools such as Visme. You can take it for a test drive here to start creating effective visual content that takes your internal or external communications to another level.

90% of all information transmitted to our brains is visual.
People remember...
Become a more effective visual communicator. With Visme, you can create, share or download your visuals with no design training. It's free! Take a tour.



We’re stingy and don’t share emails with anyone.

About the Author

Samantha Lile is a web content creator with a journalism and mass media degree from Missouri State University. She contributes news and feature articles to various web publications, such as the Huffington Post. Currently, she resides in the beautiful Ozarks with her husband, four dogs and two cats.

Leave a Reply

Your email address will not be published. Required fields are marked *

Access Free Design Assets

Want to create visual content that rises above the noise? Start creating engaging content within minutes with our easy drag-and-drop software. Access 100+ beautiful templates, 100+ free fonts and millions of images and icons right now.