SPARKFUL

Blog

Insights from the SPARKFUL teams

The Visual Perception Principles of Gestalt Psychology

Wei-Fan Chenuser-interface-design
name

Special tendency occurs when our eyes and brain observe objects and perceive visual stimuli. The tendency usually helps us to identify objects faster, but sometimes it also causes the “illusion”. The main concept of Gestalt Psychology is “the whole is other than the sum of the parts”. For example, when we observe a person, we don’t look at his hands, feet, head, eyes, ears, or nose separately and then combine the visual image of these parts into a person. We perceive the whole figure of the person rather than the sum of his separate parts.

Gestalt Psychology, which has had a significant influence on other areas of psychology, was founded by Max Wertheimer and other psychologists in the early 20th century. Gestalt psychologists emphasized that organisms perceive entire patterns or configurations, not merely individual components. The visual perception principles of Gestalt Psychology consist of the following four features.

1. Law of Closure

When observing an object, we tend to perceive several separate elements as a closed pattern. Our brain automatically fills in missing elements and the gap between the elements to create invisible lines. As shown in the figure above, we view the series of dots as a large ring and the disconnected line segments as a complete ring. This is called the law of closure.

You can also refer to information such as “invisible but important virtual curves”, “law of closure”, and “positive/negative space”.

2. Law of Similarity

We tend to perceive identical objects as a unit. When we see a series of squares and circles placed side by side as shown in the figure above, we will perceive them as two rows of squares and two rows of circles rather than vertical columns. This is because the law of similarity prompts our eyes and brain to group identical objects together.

3. Law of Proximity

Interestingly, once the distance between each shape is widened, we tend to view objects close to each other instead of identical objects as a group. So in the figure above, we will see vertical rows consisting of two squares and circles. This may indicate proximity outweighs similarity. The law of proximity is constantly applied in user interfaces. For example, we tend to see proximate buttons as a collective group.

4. Law of Symmetry

Our brain tends to perceive objects as a continuous shape. In the figure above, for example, we see the left pattern as 2 crossing curves rather than 2 rings touching each other. Meanwhile,  we consider the right pattern as 2 crossing straight lines instead of two diamonds contacting each other. This may be because the brain is more agile when processing continuous objects than when processing overlapped or discontinuous objects.

The visual perception principles of Gestalt Psychology can be applied in a variety of areas including user interface, art, design, and photography. Understanding our visual perception principles will help us design better interfaces.

Apart from visual perception, Gestalt Psychology also asserts that we not only extract information from the visual stimulus we perceive, we also combine the information with the cognition, impression, and experience in our brain. The combination of these elements is what we truly recognize and feel. 


Image source: urbanartcore.eu, CC Licensed

Wei-Fan Chen
Wei-Fan Chen
CEO / SPARKFUL and Fourdesire
Entrepreneur in entertainment and play for wellness / Author of Playable Design / Active indie game developer 🎉
divider
Related Posts
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...Read more
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...Read more
name

讓設計跟著指尖走:觸控設備上的互動效果

對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按...Read more