SPARKFUL

Blog

Insights from the SPARKFUL x Fourdesire 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

視差設計:如何在狹小的手機畫面中製造「空間感」

在行動裝置小小的平面螢幕裡,無論是平面風格(Flat Design)還是仿真介面(Skeuomorphism),我們是否能夠在手指滑動之間,跳脫出二維的空間,為使用者創造出額外的層次與空間感呢?也許以下影片能夠給你一些想法: ...Read more