提起「格式塔原理」，相信很多設計師都會有種耳熟能詳的感覺，然而格式塔原理到底是什麼?為什麼UI設計需要與格式塔原理結合?本文將詳細為大家解釋，UI設計與格式塔原理的「愛恨情仇」，以及如何利用格式塔原理做出更好的UI設計。

明明是心理學的範疇，為什麼格式塔原理會跟UI設計扯上關係?

格式塔原理(Gestalt Psychology)，又叫完形心理學，是西方現代心理學的主要學派之一，誕生於德國，其強調經驗和行為的整體性，認為整體不等於並且大於部分之和，主張以整體的動力結構觀來研究心理現象。

簡單來說，格式塔原理的核心理論就是「人類大腦具備把信息化繁為簡的能力」，即人腦會先通過對信息進行簡化，篩選出感興趣的信息後，再了解具體情況。

△ 當你看到圖中的雲朵時，是不是會下意識地把它們想成一個心形和奔跑中的馬?

當我們了解大腦是如何工作後，便可以確定在什麼情況下使用哪些元素，可以引導用戶的注意力，進而引起他們行為的改變。

由此可見，視覺設計與心理學是相互聯繫並且相互影響，而利用格式塔原理則可以幫助我們更好地理解和控制這些聯繫。

如何利用格式塔原理做出更好的UI設計?

事實上，格式塔原理幾乎適用於所有與視覺相關的領域，尤其與UI設計的關係極其密切。將格式塔思維融入到UI設計中，不僅可以幫助我們更好地梳理介面的信息結構與層級關係，還有助於提升介面的可讀性和平衡性。

以下是格式塔原則的相關內容，它可以為UI設計提供參考：

☞ 鄰近性原則

鄰近性原則是指排列在彼此之間的鄰近元素很容易被看成是一個整體或者同一組信息;而那些相隔距離較遠的元素則往往讓人產生互不相關的印象。

UI設計技巧：鄰近性原則

在UI設計中，我們可以使用鄰近原則將相關的項目保持緊密的聯繫，而不相關的項目應該保持更遠的距離，以增強介面的視覺層級結構和信息流，為用戶提供流暢的瀏覽動線，幫助他們更好地實現目標並深入研究內容。

☞ 相似性原則

相似性原則是指與不具有相似視覺特徵的元素相比，具有相似視覺特徵的元素被認為更加相關。

UI設計技巧：相似性原則

在實際操作中，我們可以運用不同UI設計技巧讓元素們看起來相似，繼而被用戶認為它們彼此是有關聯的，如顏色、大小、形狀、方向等。但當介面出現多個不相似元素時，某些元素特徵可能比其他的更能表達元素間的關係，例如顏色是我們大腦在理解周圍環境時首先感知到的特徵，因此我們總會將顏色相似的元素視為一組。

基於這一事實，我們需要熟悉元素相似的所有UI設計方法並根據設計背景，以便在任何特定的情況下使用合適的方法。

☞ 共同區域原則

共同區域是指放置在同一區域內的元素往往被視為同一組。

UI設計技巧：共同區域原則

當介面需要包含幾種不同類型的UI元素或無法調整對象之間的留白空間時，共同區域原則可以將不同元素組合在一起，使他們在更大的群體中保持一定的關聯性，以確保用戶輕鬆識別介面的整體結構。

使用邊框、背景色或陰影等方式為相關UI元素創建容器，不僅可以幫助信息分組和內容組織，還可以起到內容分離或充當焦點的作用，從而加強某個特定元素的交互作用或重要性。

☞ 對稱性原則

對稱性原則是指佈局對稱的元素往往被認為是歸屬在一起，並且不管它們之間的距離是遠或近都會給人一種牢固而有序的感覺。

UI設計技巧：對稱性原則

對稱形態往往具有整齊、統一且極具規律性的特點，能夠創造出莊重、嚴肅、規則、大方而穩定的靜態美，給人一種安定的秩序感和穩定感。雖然對稱的構圖總會產生一種令人愉悅的感覺，但有時它們也會變得有點沉悶和單調，因此為了令介面更具趣味性和動態性，適當加入不對稱元素有助於吸引到用戶的注意力，進而促進用戶採取下一步的目標操作。

☞ 連續性原則

連續性原則是指人們往往傾向於使知覺對象的直線繼續成為直線，使曲線繼續成為曲線的慣性。

UI設計技巧：連續性原則

連續性原則可以幫助我們通過構圖來解釋方向和運動，引導用戶視線的移動，讓整個版面的信息閉讀更加完整，讓重點信息更容易受到關注。此外，連續性原則還可以創建一定的秩序感來加強用戶對分組信息的感知，並通過不同的內容片段引導用戶。

【最後】

在UI設計過程中，建議大家依據不同需求類型和用戶場景，單獨或組合使用格式塔原理中的各個原則，這樣可以使設計方案更有依據。此外，設計時應多考慮用戶的瀏覽習慣和對信息的感知，盡可能減少操作上的複雜性，以便用戶可以更容易地理解和使用我們的產品。