20 世紀早期,德國心理學家研究小組嘗試解釋人類視覺運作機制,編輯了重要視覺現象目錄。格式塔理論指出:眼腦作用是不斷組織、簡化、統一的過程,產生易理解、協調的整體。視覺系統自動構建結構,感知形狀、圖形、物體,而非孤立邊線區域。「形狀/圖形」德語為「Gestalt」,故稱視覺感知格式塔原理。
物體相對距離影響我們感知其歸屬。相對其他物體,彼此靠近的物體看起來屬於一組。越接近,組合可能性越大,強調位置。下圖我們會自動分為兩組。

廣泛用於引導視覺流、便利界面解讀。同類內容分組並留白,給視覺秩序與休憩。設計師常用分組框、分割線分隔控件與數據顯示。


人們將共同特徵(形狀、大小、顏色)事物歸為一組。下圖黑帽蛋與紅帽蛋自然分兩組。

頁面應用:文本、顏色、圖像分類區分模組。雅虎讀書導航用相似原則輕易區分一級/二級導航。

逆向思維獲取焦點:顏色變化清晰區分內容,導航與重點信息設計常用此法。

元素不完整或不存在時,依經驗與整體意願,習慣將圖形作為整體觀看,腦補缺失形狀。下圖無三角形與圓,但我們能識別。

界面應用:堆疊形式表示對象集合,顯示一完整對象 + 後方對象一角,用戶即感知為一疊整體。

經典案例:IBM 標誌由非連續藍色塊組成,卻清晰識別出三個粗體字母,如百葉窗效果。

對稱元素被感知為整體,傳達秩序、穩定、正式感。適用於品牌標誌、儀表盤、重要資訊區塊。
同方向、同速度移動的元素被視為一組。應用於動畫過渡、載入狀態、輪播組件,強化關聯性感知。
格式塔原則可複合使用。設計完成後,嘗試用格式塔原理檢視各元素關係是否符合設計初衷。希望這些理論介紹能帶來啟發。
