Gestalt principles

Gestalt principles are layout and positioning rules in design that help viewers understand your designs better.

Updated on January 18th, 2024

Share

For example, if you align four rectangles and space them out equally, they appear equal. However, changing the color of one of the rectangles or moving the rectangles in groups of two changes the visual hierarchy of the design.

An example of two gestalt principles

In the example above, the second visual makes the rectangles look like two groups instead of four individual elements.

This keyword could use some work! 🚧

UX Dictionary is built by designers like you. This is your chance to add something to the gestalt principles page.

  • Green circle with a checkmarkDefinition
  • Dark circle without a checkmarkExamples
  • Dark circle without a checkmarkFrequently Asked Questions
  • Dark circle without a checkmarkResources

Do you want a question answered? Do you have feedback? Or do you want to provide some gestalt principles information? Contribute to this keyword.

Share

×

Page link

Want to learn more about Gestalt principles?

Learn together with other UX designers in our community. Join by picking one of the options below.

Monthly

  • Same as annual, but billed monthly.

$5/month

Choose plan

Annual

Save 18% compared to monthly

  • 1️⃣ Join our Discord community

  • 2️⃣ Monthly UX Master Classes

  • 3️⃣ Office hours in the community

$49/year

Choose plan

Lifetime

One purchase. Join forever.

  • Support the development and upkeep of UX Dictionary

$99/lifetime

Choose plan

Once you choose your plan, you'll be redirected to our Stripe page. After that, you'll be redirected to our dashboard. You can cancel, pause, or upgrade at any time.