利用完形知覺法則提升你的設計力

完形知覺法則又稱為格式塔法則(Gestalt Principle)。格式塔學派是新理學重要的流派之一,興起於20世紀初的德國,又稱為完形心理學。

完形心理學著重於認知行為,是由德國心理學家提出來說明人類的大腦是如何解譯肉眼觀察到的事物。完形心理學的中心概念為“整體不等於個體的總和”。例如在一個網頁設計中,即使所有元素都已經在版面上,如果沒有以正確的大小、屬性安放在正確的位置,這個設計就不算完整。

完形知覺法則具有的特性如鄰近性、相似性、連續性、封閉性、主體-背景、平衡與對稱等的概念,都是透過“統一性”來創造出更好的設計方式。而這裡的統一性指的是讓所有元素都能良好的融入整體的一部分。

鄰近性(Proximity)

鄰近性是指的是兩種以上元素緊鄰在一起。我們的大腦會自動將鄰近的元素“群組化”。靠得越緊密得元素,相連關係越強烈。當在資訊內容超過一組以上時,鄰近性是很好用的工具。

如下圖為例,以圓點為元素排列,左圖所有圓點間隔都相同,則大腦則將其視為一個大群體,而右圖我們大腦很容易將4個圓點視為一個群組。而文字也是,右圖將兩行字拉近,就覺得兩個字是有強烈關係的存在。

相似性(Similarity)

相似性是指兩個以上的物件具有相同的視覺特色,大腦會自動群組化這兩個物件。 相似性可以在形狀、顏色或大小上來達成如下圖一,左邊散亂大小的原點經過排列後,可以容易被大腦群組化,較大的圓形被視為一個群組。又以形狀或顏色為例,下圖二左在顏色統一的情況下,容易將同一個形狀視為同一群組,當換上鮮豔顏色時,則將容易把相同顏色的視為同一個群組。

連續性(Continuity)

連續性是指,我們會將熟悉的連續物體看成一個元素,進而達到引導閱讀視線的功能。如下圖所示,我們不會把兩條交疊的曲線視為四個圖形的組合,而會將它視為兩條分開的曲線。指示性的箭頭是一個很好的例子,讀者的目光很容易沿著箭頭的方向前進。

我們不會把上圖認知為四個圖形的組合,而是認知成兩條曲線的交疊

封閉性(Closure)

封閉性是指我們的大腦在看到一個圖像時,會習慣依先前的經驗,自動對空白的部分進行“腦補”。在元素具備高辨識度的情況,封閉性法則運用的效果最佳。如下圖左,四個3/4圓排列後,我們大腦會腦補出一個矩形。又或是小圓點以圓形狀排列,我們會直接把它視為一個圓形。

封閉性法則,腦海中會填補空白的區域

此原則也可以應用在有較多複雜元素的設計中,如下圖海報是一位法國建築設計師 勒柯比意,因為他的眼鏡極度容易被辨識,海報設計中僅呈現了他的眼鏡,熟悉他的讀者在腦中就會浮現建築師的面孔。

為建築設計師設計的海報使用封閉性法則

主題-背景(figure-ground)

運用主題-背景的手法,即是創造“負空間”。此手法在Logo設計中也常常出線,有興趣的讀者可以參考先前的分享 : 11個初學者必須知道的Logo設計心法

在主體與背景都被賦予意義以及一定的關係時,就可以增加設計的深度。

平衡與對稱(Balance and Symmetry)

對稱平衡 (Symmetrical balance)

人類很容易被對稱平衡的東西所吸引。對稱平衡大量的出現在大自然間中,然而其實若仔細觀察,在大自然中雖然看起來對稱,但其實左右兩邊的物體並不會完全一樣。以人臉來說,左眼右眼如果是完全對稱,則看起來會有一種生硬的感覺。

在設計中也是一樣,所謂的對稱平衡,並非要要將軸線的兩側做的完全一樣,而是要達成一個視覺重量的平衡。如下圖的海報,雖然一邊是牛頭大型圖像,但另一邊採用粗體的大字,也可以達到對稱平衡的效果。

標題以大粗體字呈現,與大圖達到視覺平衡

不對稱平衡 (Asymmetrical balance)

不對稱平衡也就是兩軸的視覺重量不相等。此種手法常常用在電影海報中,將視覺重量刻意偏向某一邊,可以製造出進張感,也更有戲劇張力與動態感。


放射平衡 (Radial balance)

放射平衡即是設計以一點為中心放射排列。若覺得常見的平衡形式太無趣,不仿也可以嘗試看看同心圓或螺旋式向外擴張的放射平衡。

知覺完形法則大量的出現在各種各類的設計中,雖說這些法則看上去可能有點枯燥乏味,但若能精熟這些視覺設計的形式與理論,在未來面對各種各樣的設計問題時,才知道該從哪裡著手,也才有可能真正的打破這些“法則”,設計出別出心裁的作品。

延伸閱讀

11個初學者必須知道的Logo設計心法

視覺層級文字基礎應用法則

給外星人看的設計:羅塞塔石碑法則運用