
若對某設計第一印象深刻,或本能覺得十分給力,極可能你被「格式塔」了!
許多設計偏好運用一個或多個格式塔心理學原則,不僅讓設計更有靈動感覺,更易留住欣賞者目光。
格式塔是德文 Gestalt 譯音,英文譯為 form 或 shape,研究出發點是「形」。但這裡的形不止形式形狀,還包括知覺活動組織成的經驗整體,中文譯「完形」。認為整體決定部分性質,部分依從整體。
核心:給不完整視覺信息尋找最簡單直接的解讀辦法。
除設計,日常交流中格式塔也發揮作用:如郵件信息中笑臉表情 :D,僅一符號加一字母,人們通過它們表達大笑含義。「符號表情」也是格式塔在發揮作用。

潛意識根據形狀、顏色、大小、亮度等相似元素自動整合成集合或整體。
對比兩圖:左邊黑點讓我們覺得是一塊整體;將部分黑點換成紅點(右圖),潛意識分類自動將黑點集合、紅點集合,各自成組,原本單一整體被切開為五組。

據此易將同類目元素集合。例:系統文件夾截圖,同類文件同圖標呈現,即使零散無章,也會潛意識分組。

另一情況:圈選部分文件後,選中與未選中在視覺上成兩組不同內容。

相似法則可用於表單設計:即使輸入框與主體內容相隔甚遠,用戶依然會一一對應聯系。

意識傾向將空間或時間上接近元素整合成集合或整體。
繼續拿點點例:紅黑點排布在一塊,但會將距離近的紅黑點歸為一組。

此原則在網頁頁面內容歸組最常見,通過留白進行歸組。
百度貼吧目錄局部:同目錄下內容距離稍近擺放一塊,與另一目錄隔較大距離。視覺閱讀上用戶自然認同內容分屬兩主題。

頁面導航設計:主導航和輔助導航盡量靠近、同一區塊,用戶易理解一體性,並將輔助導航與內容區別。

手機應用設計中,iOS 分組及導航欄分隔最常見。

以上兩原則及引申廣泛應用於頁面內容組織、分組設計,對引導視覺流、方便界面解讀起重要作用。
元素不完整或不存在時,依然可被識別。根據經驗和視知覺整體意願,習慣將圖形作整體觀看,腦中補充缺失形狀後形成最終識別效果。如下圖缺小口,人們仍視作圓形。

最常見於圖標設計:用極簡語言傳達更多內容。


網頁設計中也能發現閉合原則蹤影:讓我們看見導航存在,或理解一系列圓圈組成完整導航而非獨立圓圈。
對稱多物體會作為整體被意識接受,即使有距離。對稱設計給人穩定、平衡、一致感覺。對稱不一定是文字結構,也可能是顏色或區塊對稱。
例:BBC News World 導航設計,即使中間有間距,對稱且類似構造模式使受眾視為一體,明了區別與聯系。

意識根據一定規律做視覺、聽覺或位移延伸。

視覺具備運動慣性,可根據規律延伸引導視覺流。例:網站視覺引導。

手機設計最常見「露角」。
Cover Flow 設計:即使兩邊內容未完全顯示,用戶能連貫將露出小角與正在閱讀內容輕易聯系,明白之後還有內容、如何到達下一內容。

在以上五原則基礎變換下,後來學者總結更多知覺法則,如圖形-背景感知、同向原則、尺寸恆定律等,更多內容百度一下即知。
文章來源:百度 MUX