How to Apply Gestalt Principles to Your Designs for Maximum Impact

How to Apply Gestalt Principles to Your Designs for Maximum Impact

Written by:
Samantha Lile

Sep 27, 2017
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="//"></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="" 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.

Create Stunning Content!

Design visual brand experiences for your business whether you are a seasoned designer or a total novice.

Try Visme for free

    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.

    9 responses to “How to Apply Gestalt Principles to Your Designs for Maximum Impact”

    1. Pier says:


    2. Vitor Alaiz says:

      I’m going to send it to my students

    3. Mohamed says:

      That’s a great content, I’m wondering if there’s a bigger reference or book, that I can read more about all this principles inside it. thanks again

    4. Gabriel de Kadt says:

      Really nice overview of Gestalt theory as applied to design priinciples!

      But I got a question re point 8 and Synchrony

      As I’m learning about this at the moment – I came here specifically looking for examples of Synchrony – but according to my course notes (from the Interaction Design Foundation):

      “Stephen Palmer added the law of synchrony to the existing Gestalt laws of grouping. This law is similar to common fate, but is distinguished on the basis that it identifies the grouping bias when visual elements appear at the same time *yet they are not in motion*.”

      …Synchrony excludes motion.

      Very nice visualisation though Iv’e bookmarked Visme because of this!

      • Payman Taei says:

        Thanks for the feedback, Gabriel. Synchrony may or may not include motion–it refers more to elements that change at the same time, which is related to “common fate”, although the changes don’t have to involve motion. Come back any time!

    5. callum stringer says:

      Hi there, I’m currently writing my dissertation in graphic design on how gestalt changes our perception of graphic design. I Was wondering if it would be possible to talk to Samantha Lile or anyone else involved in the writing of this article. If so, please get in contact with me at: [email protected]

    Leave a Reply

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

    Now Available: Become a Certified Presentation Expert for FreeTake the Course