淺談色彩中的格式塔理論

劉康軒　王晨升　成藶委

摘 要：格式塔心理學(xué)課是認(rèn)知心理學(xué)中一個重要理論，在視覺界面設(shè)計(jì)中已經(jīng)有廣泛的運(yùn)用。本文通過分析色彩中的格式塔理論，利用格式塔理論中元素雷同性與識別性的特點(diǎn)實(shí)現(xiàn)對目標(biāo)元素進(jìn)行合理的分級和分組，輔助用戶的認(rèn)知；另一方面，提出由于格式塔形式自身特點(diǎn)造成的認(rèn)知良好卻“尋路困難”的問題，并嘗試提出解決方案。對今后視覺界面設(shè)計(jì)中格式塔理論的研究有一定的借鑒意義。

關(guān)鍵詞：格式塔理論；色彩；雷同性；識別性；尋路困難

1 格式塔中的雷同性與識別性

格式塔心理學(xué)誕生于1912年，是由德國心理學(xué)家組成的研究小組試圖解釋人類視覺的工作原理。其中最重要的發(fā)現(xiàn)是人類視覺是整體的：我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu)，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體，形成整體認(rèn)知。

什么是構(gòu)建結(jié)構(gòu)呢？構(gòu)建結(jié)構(gòu)實(shí)際上就是一個區(qū)分與歸類的過程。其中區(qū)分的過程需要用戶感受到該元素的識別性，以便從眾多信息中辨識出自己所尋找的信息；歸類的過程需要用戶找到要素之間的雷同性，將具有共同特征的元素劃分進(jìn)同一組。比如一張圖中，有若干不均勻排布的圓形和正方形，我們會很自然地將圖中的方塊聯(lián)系在一起，而不理會其他背景元素，盡管這幾個方形元素距離不一。這是因?yàn)槲覀円曈X系統(tǒng)在構(gòu)建結(jié)構(gòu)的過程中首先通過這幾個正方形相對周圍圓形的識別性，從而將它們區(qū)分出來，然后這幾個正方形又因?yàn)榫哂型庑晤伾系睦淄裕曈X系統(tǒng)很自然地會將它們歸為同一類，從而完成整個區(qū)分與歸類的視覺構(gòu)建過程。

值得一說的是，這里構(gòu)建結(jié)構(gòu)涉及人們的一個完形心理，即人們有喜愛平衡、對稱、簡練的心理特征，這種心理特征也被稱為“完形趨向律”。這也是格式塔心理學(xué)的一個重要理論。

2 結(jié)合北京移動手機(jī)客戶端界面分析色彩中的格式塔理論

接下來，我們結(jié)合北京移動手機(jī)客戶端來研究下色彩中的格式塔運(yùn)用對用戶認(rèn)知的影響。

北京移動手機(jī)APP內(nèi)有歡樂版和商務(wù)版兩個版本，在歡樂版首頁界面，我們看到用戶的流量信息（流量總額、已用流量和剩余流量）分別用三個外形相似的氣泡顯示，根據(jù)格式塔的雷同性，很容易讓人將他們歸為同類，用戶很自然地理解它們是同類信息；而三個氣泡彼此之間又通過三種不同的顏色紅黃綠區(qū)分開，突出了各自的識別性，從而很清晰地表現(xiàn)它們之間相互獨(dú)立的關(guān)系。而在商務(wù)版中將同樣的三個信息隔離開了，其中“本月剩余”和另外兩個流量信息的顯示方式差別很大，缺乏雷同性，用戶很難將他們歸為同一類。

但雷同性和識別性之間關(guān)系十分微妙，如果滿足雷同性，缺乏識別性，就會造成界面元素十分相似，難以區(qū)分的問題。我們看歡樂版下面的流量業(yè)務(wù)入口中，四個業(yè)務(wù)入口外觀采用外形相同的貝殼，雖然滿足了雷同性讓人知道它們業(yè)務(wù)層面的相關(guān)性，但由于它們外形顏色完全一致，如果不看上面的字幾乎無法區(qū)分開，用戶極容易誤操作。這方面商務(wù)版中做得更好一些，它用四個外形相似顏色不同的色塊區(qū)分開，讓用戶很輕松地感受到這四塊展示的是不同的功能卻又有一定的聯(lián)系。

當(dāng)元素間缺乏雷同性就會造成界面元素雖然各不相似，卻又截然不同，當(dāng)這種互不相同的信息總量超出用戶能最多接受的范圍時，就會產(chǎn)生認(rèn)知障礙。例如北京移動APP的設(shè)置界面，整個界面各個元素采用不同的顏色，不同的圖標(biāo)區(qū)分，互不相同，盡管識別性不錯辨識度很強(qiáng)，但由于元素之間毫無雷同性，導(dǎo)致界面看起來雜亂無章，毫無章法。使得用戶一時之間很難找到想找的入口。

在流量分類明細(xì)的界面里，用戶滑動查看后面的界面時，會發(fā)現(xiàn)界面上方的色塊與下方的滑塊顏色不一致，這無疑不符合人認(rèn)知?dú)w類的視覺構(gòu)建，根據(jù)認(rèn)知習(xí)慣，人們會自然地將具有雷同性的色塊歸為同一類，這實(shí)際上也是格式塔接近性原則。因此這里建議將界面滑點(diǎn)顏色與上方色塊顏色統(tǒng)一，這樣既增加了同一界面里的“雷同性”（同一界面上下色塊顏色相同），又保持了界面之間的“識別性”（界面之間顏色不同）。

在企業(yè)黃頁界面，點(diǎn)擊上面“中國建設(shè)銀行客戶服務(wù)熱線”后，用戶很難看出綠色的號碼功能鍵與哪個企業(yè)名字對應(yīng)，甚至更容易認(rèn)為跟功能鍵下面的企業(yè)名字對應(yīng)，從而造成用戶誤操作。簡單地說即企業(yè)名字與它的電話之間缺少“雷同性”；點(diǎn)擊和未點(diǎn)擊的企業(yè)之間缺乏“識別性”。那么，我們改進(jìn)的思路也很清晰了，即制造企業(yè)名字與其對應(yīng)的電話之間的“雷同性”并增強(qiáng)點(diǎn)擊和未點(diǎn)擊的企業(yè)之間缺乏“識別性”，所以我們可以將界面上的綠色分割線去掉，然后將點(diǎn)擊后的企業(yè)名字和下面的呼叫圖標(biāo)變成相同的顏色。

3 尋路困難

什么叫“尋路困難”？字面上理解就是人到一個陌生的地方不知道該往哪走才能到達(dá)自己想去的目的地，或者不知道自己現(xiàn)在身處何處。放在軟件應(yīng)用中，尋路困難的局面同樣存在，由于種種原因，用戶不知道下一步如何操作完成任務(wù)，或者不知道自己身處哪個流程之中等等。分析其原因，實(shí)際上由于格式塔形式自身的“對稱”、“均衡”、“重復(fù)”等特點(diǎn)，往往使得整體識別性方面存在缺陷，容易造成認(rèn)知良好卻“尋路困難”的局面。

在網(wǎng)站多步注冊界面，我們常常會遇到這種問題，我們在注冊流程中突然會找不到自己目前處在哪一個流程步驟中，是身份驗(yàn)證？還是補(bǔ)充個人信息？雖然界面上方的導(dǎo)航步驟每項(xiàng)排列均勻，認(rèn)知良好，但仍容易讓用戶“迷失”。那么如何改進(jìn)呢，我們這時可以通過打破原有均衡、對稱的形式，添加某些特殊標(biāo)識或裝飾，從而增強(qiáng)界面的識別性。就這個界面來說，我們?nèi)绻诋?dāng)前所處流程上用鮮艷色塊標(biāo)識出來，并于下面提交按鈕顏色一致，那么很輕松的避免了“尋路困難”的囧狀。

實(shí)際上，這種問題在移動app中的導(dǎo)航設(shè)計(jì)里體現(xiàn)更明顯，結(jié)合北京移動客戶端導(dǎo)航來看，在導(dǎo)航條里將用戶當(dāng)前所處的界面“流量”用凸起的藍(lán)色色塊標(biāo)記出來，讓用戶能隨時了解自己所處的層級位置，使用戶不至于出現(xiàn)“迷路”的窘境。這點(diǎn)在其他app中也有體現(xiàn)。

4 結(jié)語

本文主要研究在界面設(shè)計(jì)中，運(yùn)用色彩中的格式塔理論，一方面可以利用元素的雷同性與識別性對目標(biāo)元素進(jìn)行合理的分級和分組，輔助用戶的認(rèn)知；另一方面，由于格式塔形式自身的“對稱”“均衡”“重復(fù)”等特點(diǎn)，往往使得整體識別性方面存在缺陷，造成認(rèn)知良好卻“尋路困難”的局面；面對這種情況，一種解決方法是“打破”：在總體完形中進(jìn)行局部的調(diào)整和改變，適當(dāng)?shù)卮蚱破渚狻⒅貜?fù)和對稱性；另一種解決方法是“添加”：使用標(biāo)識、裝飾等易識別的元素，增加整體界面的識別性。

參考文獻(xiàn)：

[1] 魯敏，汪曉娥.阿恩海姆格式塔藝術(shù)心理學(xué)及其色彩理論研究[J].大眾文藝，2012（14）.

[2] P.Trummel . Shape of concept：color percept…graphics，geometry and gestalt[J] . IEEE Transactions on Professional Communication，2002（8）.

[3] 牛力，徐磊青，湯眾，等.格式塔原則對尋路設(shè)計(jì)的作用及尋路步驟分析[J].設(shè)計(jì)研究，2007（05）.

[4] 彭雅莉.格式塔心理學(xué)對圖形設(shè)計(jì)的影響[D].南昌大學(xué)，2007.

[5] 毛艷艷.動數(shù)字媒體界面色彩設(shè)計(jì)研究[D].湖南大學(xué)，2014.