格式塔心理學在產品人機界面設計中的應用研究

權雯欣 梁艷霞 嚴文杰

摘? 要：該文主要研究格式塔心理學在產品人機界面設計中的應用。通過不同的產品人機界面設計案例，分別分析格式塔心理學中的接近性、相似性、閉合性、連續性、對稱性5個原則。接近性原則和相似性原則與試圖給對象分組的傾向相關;閉合性原則和連續性原則與試圖給對象完整形態的傾向相關;而對稱性原則與試圖簡化圖形使其符合人的視覺習慣相關。格式塔原則讓界面上的信息以分組和完整的方式呈現，有助于設計師了解人的視覺規律，從整體上把握事物的知覺結構，將產品人機界面設計中的顯示和操作裝置進行組織、簡化、統一，使界面更加協調和易于理解，從而方便用戶操作，提高人機系統效率。

關鍵詞：格式塔? 心理學? 產品? 人機界面設計? 視覺系統? 知覺結構

中圖分類號：TB47 ? ?文獻標識碼：A 文章編號：1672-3791（2020）02（a）-0005-04

Abstract： Study the application of Gestalt psychology in product human-machine interface design.The 5 principles of proximity， similarity， closure， continuity and symmetry in Gestalt psychology are analyzed by different human-machine interface design cases.The proximity principle and the similarity principle are related to the tendency of trying to group the objects. The closed principle and the continuity principle are related to the tendency to try to give the object a complete form. And the symmetry principle is related to the attempt to simplify the figure to make it conform to the human visual habits. The Gestalt principle allows the information on the interface to be presented in groups and in a complete way. It helps designers to understand the visual rules of human beings， to grasp the perception structure of things on the whole， and to organize， simplify and unify the display and operation devices in the design of the human-machine interface， so that the interface is more coordinated and easy to understand， so as to facilitate user operation and improve the efficiency of human-machine system.

Key Words： Gestalt; psychology; Product; human-machine interface design; Visual system; perceptual structure

產品界面是用戶與產品之間傳遞和交互信息的媒介，因此，產品人機界面的交互設計直接關系到產品設計的成功與否[1]。誕生于1912年的格式塔心理學又被稱為“完形心理學”[2]，它強調經驗與行為的整體統一，其核心是給不完整的視覺信息尋找最簡單直接的解讀辦法。目前，格式塔心理學在產品軟件界面設計方面的應用較為廣泛，如移動UI設計、PPT設計、標志設計等。該研究旨在將格式塔心理學中的幾個經典原則與產品人機界面設計相結合，探討其在產品易用性方面的價值，讓用戶體驗簡單、和諧、友好、自然的界面。

1? 格式塔心理學在產品人機界面設計中的應用研究

格式塔心理學基于知覺判斷層面的5個基本原則是：接近性原則、相似性原則、閉合性原則、連續性原則、對稱性原則[3]。以下通過案例進行具體分析。

1.1 接近性原則

所謂接近性原則，就是指“相比較而言，彼此之間距離較近的物體會比距離較遠的物體看起來更有關聯，更容易被當成一個整體”[4]。如圖1所示，各星形的形狀和大小完全一致，但在人的視知覺中，距離較近而且平行的星形會自然成為一個整體，因此用戶會認為左圖中的星形排成了三行，而右圖中的星形則排成了三列。

接近性原則的實例如圖2所示，在圖2左側所示的空調遙控器設計中，調節空調溫度高低的功能分別用印有“+”“-”符號的三角形按鈕來實現，兩個按鈕之間有一定距離，而且“+”“-”的布置也與人的認知特性不相符合，無疑會給使用者帶來諸多不便。而圖2右側所示的空調遙控器，其溫度設定功能由一組連接在一起、其上印有左右箭頭的按鈕來實現，功能類似的按鈕放置在一起，且其箭頭布置符合人的認知規律，因此操作起來自然方便快捷。

如上所述，在產品人機界面設計中要表現某物和某物之間是否有關聯時，距離是非常重要的。大多數情況下，將功能類似的界面放在一起，將功能不同的界面分開一定距離，這樣的產品人機界面使用起來會更加方便和人性化。

1.2 相似性原則

所謂相似性原則，就是指“帶有共同特征的圖形，比如形狀相同、顏色相同、指向相同等，容易被認為是一類的”[4]。如圖3中，各色塊的分布距離一致，但因形狀和顏色的不同，在視覺上明顯被分成了4組圖形。

圖4中所示為某數控機床操作面板的局部布置圖，在該面板的設計中，字母鍵與0～9數字鍵分別用了不同的形狀和顏色，清晰易辨，一目了然，給操作帶來極大的方便。同樣，面板右下方4個一組的箭頭鍵也用形狀和顏色與周圍按鈕區分開來。此即相似性原則在產品人機界面設計中的典型應用。

由此可知，如果一個界面中若干個操作對象的形狀、顏色、結構特征相類似時，用戶就會把它們看作一類能滿足同一個任務需求的組件。設計人員要讓用戶能夠快速有效地區分不同功能的操作對象，就需要為不同的操作對象設定獨特的形狀、顏色和結構特征。

1.3 閉合性原則

所謂閉合性原則，就是指“由于某個圖形而形成的封閉空間有助于一個整體的組成”[4]。人的視知覺整體性決定了人的視覺系統能將敞開的圖形閉合，并感知為完整形象而不是分散的碎片。閉合性原則簡要圖示見圖5，圖形由 3個不完整的圓形組成，3個圓形中間留有空白，但是人的視覺系統會將空白自動補全為一個白色三角形。同時視覺系統也會自動判斷，認為圓形被三角形擋住了一部分，而不是本身就不完整。

圖6所示為某微波爐操作面板，在該面板上，在微波爐常用的12個功能模塊（如“牛奶/咖啡”“烤肉”等）的圖標設計中，每個功能按鈕用一個圖標、名稱，外加一個將其包圍起來的不完整的圓角矩形來表示，但由于人視知覺的整體性，在人感知這12個功能模塊時，在大腦中會自動將每個不完整的圓角矩形彌補完整，如圖6右側圖中的紅色線框所示;同樣的設計還體現在面板下方的兩大功能模塊中。

1.4 連續性原則

所謂連續性原則，就是指“具有連續性的要素容易被認為是一類的”[4]。在連續性圖形中，圖形的構成成分沿著已經明確的方向連續下去，形成對稱、平衡或延伸的運動軌跡。用戶的視覺具備一定的活動慣性，傾向于看到連續的形式，必要時便會填補遺漏。如圖7所示的圖形中，兩條不同顏色的交叉斜線，盡管在中間被一個圓形所斷開，但由于其顏色方面的連續性，因此在知覺時還是會被感知為兩條完整的斜線。

連續性原則的典型應用如圖8所示的汽車儀表盤，在該儀表盤設計中，考慮到車內空間的局限以及人的視野特性，將汽車駕駛中常用的3個儀表“發動機轉速表”“汽車速度表”“油位及溫度表”緊湊布置在一起，除了中間的汽車速度表是一個較為完整的圓形儀表外，兩側的“發動機轉速表”和“油位及溫度表”的表盤則均為一個不完整的圓形儀表，看起來它們被中間的儀表遮擋住了一部分，但在連續性原則的作用下，人的知覺會自動將其視為一個完整的圓形儀表，如圖8中的黃色圓形線框所示。采用連續性原則可以使產品的人機界面在視覺表現上更為簡潔。

1.5 對稱性原則

對稱又稱“均齊”，是在統一中求變化。自然界中到處可見對稱的形式，如鳥類的羽翼、花木的葉子、人臉的五官等。對稱的圖形具有單純、簡潔的美感以及靜態的安定感，對稱本身具有平衡感，對稱是平衡的最好體現，符合人們的視覺習慣。

在現實生活中，用戶的視覺區域中不止有一個可能的解析，但用戶通常更傾向于分解復雜的場景來降低復雜度，用戶的視覺系統會自動組織并解析數據，從而簡化這些數據并賦予它們對稱的屬性。如圖9所示，左圖復雜的形狀會被用戶看成是右圖中兩個疊加的菱形，而不是兩個頂部對接的“L”形或一個小菱形在中間的八邊形。這是由于用戶的視覺系統認為一對疊加的菱形比其他兩種解釋更對稱、簡單和更容易理解。

圖10所示為某電視遙控器，該遙控器的設計擺脫了傳統電視遙控器按鍵設計的繁文縟節及名目繁多，而是異常簡約。僅有的5組共7個按鍵布局采用了以圖中紅色豎線為中心的左右對稱結構，給人以簡潔、均衡、穩定的視覺美感和極為人性化的操作體驗。

2? 結語

格式塔心理學展示了人的視覺系統是如何被優化從而感知結構的。視覺系統通過主動對所處環境中的視覺信息構建結構，從而讓人更快地了解物體和事件。

在以上案例分析中，可以明顯感受到格式塔心理學的5條原則并非獨立存在，而是互相作用和影響。接近性原則和相似性原則與試圖給對象分組的傾向相關;閉合性原則和連續性原則與試圖給對象完整形態的傾向相關;而對稱性原則與試圖簡化圖形使其符合人的視覺習慣相關。格式塔原理讓界面上的信息以分組和完整的方式呈現。因此，設計師在進行產品人機界面設計的過程中，在感性上注重視覺效果的同時，理性上能夠按照格式塔原則組織結構，那么用戶就會更容易獲取相應的顯示和操作信息，從而更加快速、高效、準確地完成人機交互過程，提高人機系統效率。

參考文獻

[1] Jacob，Robert JK.Elements of next-generation non-WIMP user interfaces[A].Description on Graphics Interface，2001[C].2001：235.

[2] 商榮華.格式塔美學原理在現代版式設計中的應用[J].文藝爭鳴，2017（2）：204-208.

[3] 楊煥.智能手機移動互聯網應用的界面設計研究[D].武漢理工大學，2013.

[4] （日）中村聰史，著.搞砸了的設計[M].鄔佳笑，譯.北京：人民郵電出版社，2016.