“Good design is actually a lot harder to notice than poor design, in part because good designs fit our needs so well that the design is invisible, serving us without drawing attention to itself.”

In today’s edition we try to understand what makes good design invisible. Our brains use shortcuts to make sense of the visual world. By knowing principles of visual perception, you’ll have a better eye for design in a few minutes.

Subscribe if you're new here:

Figure/Ground

You visually separate the foreground from the background.

What you're reading right now is the simplest example of Figure/Ground. The black text on a white background, or vice versa. 

Where can you see this in UI design? Almost everywhere. There's a clear separation of the background from the foreground for the viewer to focus their attention on the foreground.

The white vase is clearly separated from the black background

Similarity

You perceive objects that are similar to each other to be a part of the same group. The similarity could be in length, shape, color or other parameters.

Since the input fields and button are of similar size and shape, they are perceived as one group 

Proximity

You perceive objects that are arranged physically close together as one group.

Taking the same example, you can see that the input fields are arranged close together at an equal distance to indicate the grouping.

You can perceive two distinct groups based on the proximity of objects

Continuity

You can group a series of elements to be one object by identifying the continuity of the edges. This allows you to distinguish two or more intersecting objects.

In this example, the horizontal line is in continuation and the curved line goes from top to bottom. We tend to see contiguous structures even though the colors try to confuse you. 

Closure

You can visualize something which has incomplete segments to be a whole object. Your brain will fill in the gaps. Our minds are experts at this. We perceive patterns rather than complete objects.

You see a complete rectangle here despite the gaps in the object.

Symmetry

As human beings, we try to look for symmetry in objects. We find symmetry extremely pleasant due to evolutionary biology. Most objects in the real world are symmetric and asymmetric objects usually have meant illness or danger.

Even though the square brackets and curly braces are close together, you will still perceive symmetry as being the grouping. 

Congratulations, you've made it to the end! Now you can tell your friends that you understand Gestalt Principles of visual perceptions.

That's it for today. Talk to you soon! Follow me on Twitter @KavirKaycee

— Kavir

P.S. Hit the subscribe button if you liked this post. You’ll get weekly posts like this directly into your email inbox.