Look at a page for a fraction of a second and you already know which items belong together, where one thing ends and another begins, and what the main subject is. You did not study the page to find out. Your visual system organised it for you. The Gestalt principles describe how that organising works, and they are some of the most useful ideas a designer can learn.

Where Gestalt comes from

Gestalt psychology began in early twentieth century Germany with Max Wertheimer, Kurt Koffka and Wolfgang Kohler. The German word Gestalt means a unified form or whole. Their central claim was that people perceive organised wholes first, and understand the parts through the whole, rather than adding up separate pieces.

The principles are observations about perception. They are strong tendencies, not laws, and they often compete in a real layout. Your job as a designer is to decide which one should dominate.

The core principles

Proximity. Things that are close together are seen as a group. This is the most dependable grouping tool because it needs no extra decoration. If two items are related, put them near each other, and separate unrelated groups with clear space.

Similarity. Items that share colour, shape, size or weight are seen as related, even when they are apart. A set of links in the same colour reads as one family wherever they sit.

Closure. The eye completes incomplete shapes. A circle drawn with a gap is still read as a circle. Logos often use closure to say more with less.

Continuity. The eye follows smooth paths and prefers to continue in one direction. Two crossing lines are seen as two lines, not four segments. This helps guide the eye along a row, a curve or an arrow.

Figure and ground. Every image separates into a subject and a background. Contrast, size and enclosure influence which is which. Clear figure and ground is the basis of legibility, and negative space is an active shape you can design.

Using the principles in a layout

A good habit is to ask four questions of any layout. What is near what. What looks like what. What is enclosed with what. What lines up with what. The answers should match the real relationships in your content. Any mismatch is a grouping error.

Typical errors are small. A caption sits slightly closer to the next image than to its own. A label floats between two fields. A decorative icon shares a colour with a button and gets mistaken for one. Each can be fixed by adjusting a gap or a weight, often with no new elements at all.

Try spacing and alignment before adding boxes and rules. If you can get the structure right with space alone, the design will be calmer and will survive different screen sizes and printing in black and white.

When principles collide

Proximity and similarity can disagree. A red item placed in a row of grey items at equal spacing will pop out as separate. Which wins depends on how strong each cue is. Test with a person who has not seen the layout and ask them to describe the groups they see. If their answer differs from your intention, the layout is saying something you did not mean to say.

Next steps

Gestalt principles sit underneath composition, hierarchy and logo design. Our full course on Gestalt Principles goes through each principle with exercises, and it pairs well with Visual Composition Principles and Visual Hierarchy.

Further reading: Kurt Koffka, Principles of Gestalt Psychology; William Lidwell, Kritina Holden and Jill Butler, Universal Principles of Design.