淺論格式塔心理學在交互產品界面設計中的運用

沈 超

(合肥學院，安徽 合肥 230001)

隨著移動端交互程序的廣泛運用，交互產品界面設計正越來越多地受到人們的關注，一些交互程序憑借出色的界面設計而獲得用戶關注。但由于追求效率或者受制于設計師本身的水平，大量交互產品因為界面設計存在問題而影響其使用體驗。這些問題包括:界面設計千篇一律，形式無法很好地兼容內容，界面設計雜亂無章，缺乏統一的視覺總體規劃(色彩搭配混亂、字體使用混亂)，導致界面缺少視覺平衡、缺少視覺張力[1]。為了解決這些界面設計問題，讓觀眾獲得更好的視覺體驗，設計師可以從格式塔完形心理學原理中尋找答案。

一、格式塔心理學在設計中的運用方式

完形心理學主張以事物的整體效果來驅動觀看者的心理感受，而非所謂“部分之和大于整體”等理念主張的那樣，孤立地拆分元素或者將各式元素簡單地堆砌疊加。所以，設計者在進行交互產品設計時需要深刻理解交互產品的用戶心理，一般來說，觀眾對于產品界面都存在求簡，求新，注重界面風格統一，注重界面內涵的期望。針對這些心理預期，設計者應當針對用戶的視覺期望對元素進行合理安排，以更加方便用戶對界面進行完形重構[2]。從創作的角度來看，格式塔理論依然有其獨特的理論價值。格式塔心理學認為，人腦并不是一開始就能區分單一形像中的各個組成部分，而是運用完型心理將物體重構，并組合為一個易于自己理解的形態。如果人腦無法完成這一工作，那么就會無法理解眼前的物象或者造成視覺混亂，俗稱“眼花繚亂”，那么，如何使圖像更加便于被人腦理解呢?

(一)利用相近圖形進行設計

人眼會傾向于將群體形象中那些具有相同特性(大小、方向、形狀、顏色)的事物歸為一類，人們可以運用這一原理將相同意義的事物設計成相同的表現特征，從而便于讀者通過視覺表現對概念進行歸類。例如，設計信息目類時，人們可以將相同的概念條目采用同樣的字體或者顏色。設計者也可以反其道而行之，將具有獨特屬性的物體凸顯于群體中，從而凸顯主題。

(二)利用距離遠近進行設計

與相近法則類似，人們會將群體形象中那些距離相近的形象歸為一類。接近法則是最簡單、最常用的設計原則，無論是繪畫、雕塑，還是界面設計，人們都會有意無意地將同類元素湊近，以區分于其他元素[3]。

(三)利用輪廓線進行設計

如果物體有連續性的外輪廓線，人們會傾向于將輪廓線以內的物體歸為一個整體，需要說明的是，這里的閉合并非指的是外輪廓線完全的關閉，很多時候，那些能夠凸顯主體物而不閉合的外輪廓，反而能使主體物顯得更有趣味(如圖1所示)[4]。

(四)利用形象聯結進行設計

連續也含有聯結的意思，指的是通過共性將兩個毫不相關的物體聯系起來成為一個整體。聯結往往是某種形式賦予普通物體以趣味的最主要原因，英國著名設計評論家迪耶薩迪奇曾說：經驗豐富的設計師，其實就是一個會講故事的人，利用設計語言，解決功能與形式之間的問題。如圖2所示，人們可以將字母通過簡單的形變，并為其賦予相關的造型元素，使之產生繪畫般的意境美。

圖1 不閉合外輪廓線的運用

圖2 字母H的形變

(五)簡約化設計

設計師應盡量減少與主題無關的內容來突出作品的主要性質。一目了然的界面很容易吸引讀者的關注，就像國畫中的留白，將處于次要場景中的山水在空白中隱去，在突出主體物的同時給觀眾留下無限的想象空間。對于功能特殊且單一的交互產品而言，可以適當地突出主體功能，省略次要功能，從而使讀者更加方便地理解其功能。

二、格式塔心理學在交互產品設計領域的應用

(一)簡化界面布局，突出主要功能

在設計交互界面時，設計師要讓用戶一目了然地了解使用規則，當前環境下，信息的傳播效率空前迅速，知識似乎成了一種打包售賣的商品，很多人認為在同一時間里獲得的信息越多就越“賺”，于是很多設計師總想在不大的界面里充斥巨大的信息量以制造豐富感，殊不知這么做的后果往往會使用戶宛如進入迷宮般摸不著頭腦，找不到作者想要表達的主旨。這就是過量的信息對人們的完形思維造成的阻礙作用。近年來，極簡主義的盛行正是人們向往簡單明確設計形式的表現。于是，簡單、清晰、有序的界面往往反而能取得不錯的傳播效果。例如，百度搜索引擎主頁只保留了一個大號的搜索框和一個放大鏡圖標，人們通過觀察就很容易理解這個界面的搜索屬性。

(二)打破一成不變的界面，追求新奇的視覺體驗

應當重視利用格式塔原理中的焦點效應原理進行設計，成功的界面設計作品往往能夠消除觀眾的審美疲勞，給人以耳目一新的感覺。在設計交互界面時，設計師應想方設法避免同質化的設計，為用戶提供一些新穎的東西，讓用戶打開界面時有意料之外的視覺驚喜。

1.咸魚APP“萌者勝出”

經過多年的發展，各類網購平臺逐漸出現同質化傾向，各大購物平臺網站逐漸變得千篇一律，如何為使用者提供新的東西成為了界面設計師最關注的課題。咸魚APP的卡通風格設計既吸引了粉絲，又提升了產品識別度，還使產品獲得了免費的形象代言人。咸魚的界面設計者抓住了泛娛樂時代用戶對于萌系IP的敏感，運用“閑余”的諧音“咸魚”打造出Q版的卡通魚造型，并將其運用在界面的UI設計中，力圖將卡通魚造型打造成產品代言人。同時，明黃的配色加上清晰的黑色線條使整個界面看上去富有活力。

2.打“動”人心

人腦對動效十分敏感，這一點早已被UI設計師所認識，如今的交互產品界面越來越注重動效的運用，將風格化的動效運用在交互產品的界面設計中可以使產品的使用者眼前一亮，達到意想不到的傳播效果。在網易出品的“測一測你的哲學氣質”H5測試游戲中，作者使用了達達主義的創作手法，將古典主義雕塑、立方體、晶體網、溢色的云等素材結合飄散、聚集、烏鴉動態等動效制作成界面轉場特效，使簡單的問答過程充滿了宗教氛圍及神秘感，如此，從形式上滿足了app主題的需要。于2016年9月上市的社交APP“抖音”讓人們了解到原來可以通過短視頻的形式來表現自己，而不僅受限于文字?！岸兑簟避浖唤浲瞥黾闯蔀樾律缃卉浖Ｊ降牡浞?。

(三)借鑒成熟的設計風格，力求作品有鮮明的風格特征

魯道夫·阿恩海姆在其著作中指出，為了更加方便地理解事物，人腦往往會將過去已有的經驗套用在事物上，所以，設計師不僅要別出心裁，還要善于借鑒。交互產品界面設計的核心創意應該明確和直接，以便被人識別、捕捉。在設計領域，很多設計師借鑒別人的創意和風格，久而久之，這些創意與風格就分門別類地被固定下來，并很容易被用戶識別。設計師設計界面時應遵循這些“秩序”，在設計中保持一貫的審美風格與概念。天貓雙十一界面一直沿用了時尚與科技感的視覺設計，設計師在沿用這種設計風格的同時每年會在往年的設計風格基礎上增添新元素。

(四)運用多種例證提高產品的可信度；編排各種元素以激發用戶的興趣

交互產品的可信度對于產品品牌的宣傳至關重要，在設計界面時應考慮產品的可信度，讓使用者看到產品給人們帶來的真實體驗，打消使用者的疑慮。例如，可以用代言人或者在界面中加入留言板等內容。“百度地圖”APP中加入了多樣可視化數據，方便用戶了解路況信息，既方便了用戶又增加了軟件的可信度。

(五)學會“講故事”為界面賦予內涵

物化是格式塔理論中經常涉及的一個概念，指出人們會在大腦中搜索與觀察對象相匹配的既有經驗模式，盡量讓其與觀察對象匹配起來。如人們為梅蘭竹菊四種植物賦予精神內涵一樣，讓用戶對交互界面產生關注的最好辦法是激發用戶的特定情感。某些特定的視覺信號，如黑色讓人聯想到死亡，綠色讓人聯想到自然等。要學會使用各種元素，將用戶的情感帶入設計理念之中。

1.機械迷城游戲界面“以舊換心”

青少年是一個求知欲旺盛的群體，對于異化的世界等主題充滿好奇。在面向青少年群體設計的游戲app界面中，蒸汽朋克題材正在逐漸占領更多的市場。這種題材迎合了青少年群體求新求異、懷舊等多種心理，仿佛是維多利亞時代與未來世界的結合體，在這樣一個沒有理性束縛的世界里，只要設計者抓住青少年受眾的懷舊、獵奇心態就能設計出贏得青少年廣泛響應的作品。機械迷城的APP界面是蒸汽朋克風格運用于交互領域的著名案例，UI的素材是由管線、按鈕、螺釘等構成的機械組合體。設計者用線面結合的光影素描繪制UI的物質形態，并著重表現了物體表面的傷痕與銹跡，配以老電影般的低飽和度著色，營造出物件古舊感，使這個幻想中的世界顯得合理自然。

2.靈活使用特征相似的元素

一些意象往往會與觀眾記憶中的元素產生共鳴，這些意象包括形狀、顏色、尺寸、紋理等。出色的設計往往能靈活運用這些元素調動觀眾內心的既有情感。

紅色代表喜慶與歡樂，五線譜則讓人聯想起優美的音調，網易云音樂的APP界面通過紅色的主色配以黑膠唱片、五線譜等元素，將用戶帶入充滿歡樂旋律的音樂世界。一些閱讀類APP，如孔夫子舊書網、掌閱等運用典雅的配色，“書攤”式的界面布局，以及古典字體為APP界面營造出濃厚的閱讀氛圍。讓產品的界面講故事，也是增強用戶使用黏性的一個重要內容。很多時候，人們可能會淡忘交互產品，卻很難忘記一個打動人心的故事。將故事融入UI設計之中，還可以使用戶口口相傳，增加產品的傳播廣度。人民日報“幸福長安40號”H5，將老的電影票與日歷、老插畫等內容提煉成元素融入界面中，加強懷舊氛圍。

(六)利用相近與接近原則進行信息區分設計

評估界面信息系統是否有效時，信息的整理方式無疑是一個十分重要的考量因素，作者需要從兩方面進行考量：表現信息的連續性與差異性；表現信息重要程度的差異性。

在同一個交互界面的標識系統中，應利用人對同一屬性信息的敏感性來達成信息的區分，如利用字號、顏色、字體一致的文字表現某個展欄中的上級信息，再調整其中的某個屬性表明其下級信息。交互界面中各類信息的重要程度是不一樣的，為了讓人們快速地理解界面中信息之間的內部關系，或者快速地抓住主要信息，設計師應將重要信息進行突出顯示，可以通過大的文字間距、較少的文字密度、較大的字號、獨特的色彩等字體屬性，并配以圖標和更易于觀察到的方位將重點信息的文字一目了然地突出顯示于界面之上。而較不重要的文字信息則設置較小的字間距或者密集的排版來顯示。例如，當人們打開支付寶界面時，那些最常用的信息如“掃碼付款”“收錢”等信息都是位于最顯眼的位置，并配以獨特的陰紋圖標將其凸顯出來，而其他較不重要的信息則依次排列于界面的下部[5]。

三、結語

格式塔心理學指出，越是能與觀眾內心既有結構產生共鳴的作品就越能獲得成功，設計師在設計交互界面時不僅要考慮功能的便利，還要在深入了解客戶群體特征的基礎上，深入挖掘素材的表現形式，靈活運用完形原理進行設計，并注重將前人總結出的一系列設計原則內化于設計工作中，方可設計出讓用戶愛不釋手的作品。