蘇 毅

(泉州工藝美術(shù)職業(yè)學(xué)院設(shè)計(jì)藝術(shù)系，福建 泉州 362500)

.

一 UI設(shè)計(jì)的歷史與現(xiàn)狀

(一) UI設(shè)計(jì)的擬物化進(jìn)程

設(shè)計(jì)又稱(chēng)應(yīng)用美術(shù)，它與日常生活的實(shí)際需要緊密相關(guān)，風(fēng)格取向隨時(shí)代特點(diǎn)和社會(huì)需求而更新?lián)Q代。數(shù)字終端設(shè)備作為信息傳遞的最后一站，承載了大量信息流，是大眾生活中不可或缺的一部分。因此，隨著近年來(lái)數(shù)字終端設(shè)備的普及，一個(gè)獨(dú)立的設(shè)計(jì)門(mén)類(lèi)——UI設(shè)計(jì)應(yīng)運(yùn)而生。UI是英文User Interface(用戶(hù)界面)的縮寫(xiě)，指的是數(shù)字終端顯示屏上最終呈現(xiàn)給用戶(hù)觀看的界面。用戶(hù)界面的設(shè)計(jì)關(guān)乎用戶(hù)對(duì)終端的使用體驗(yàn)，可以說(shuō)，它是信息傳送的最終呈現(xiàn)方式。人和機(jī)械的運(yùn)行規(guī)律存在本質(zhì)上的不同，人眼具有與視知覺(jué)系統(tǒng)相關(guān)的特殊認(rèn)知規(guī)律，數(shù)字信息則遵循二進(jìn)制的編碼模式。在這兩者中獲得平衡，研究信息傳輸中的人機(jī)交互，是UI設(shè)計(jì)中的考慮重點(diǎn)。終端界面的呈現(xiàn)形式必須既合乎人類(lèi)的視覺(jué)習(xí)慣，又順應(yīng)大眾的審美需求，并具有一些功能上的特殊要求——數(shù)字終端設(shè)備要求沉浸式體驗(yàn)，因此需要一種美觀易讀又不過(guò)多分散用戶(hù)注意力的設(shè)計(jì)樣式。

回顧UI設(shè)計(jì)短暫的歷史，可以發(fā)現(xiàn)UI的流行風(fēng)格經(jīng)歷了扁平化—擬物化—扁平化的循環(huán)。早期UI囿于系統(tǒng)和硬件的局限，只能使用結(jié)構(gòu)簡(jiǎn)單的扁平化效果，顯現(xiàn)出冰冷機(jī)械的視覺(jué)特征。微軟的MS-DOS是早期UI的標(biāo)志性案例(見(jiàn)圖1)。DOS系統(tǒng)是以功能為中心的命令行式界面的代表，此系統(tǒng)由用戶(hù)鍵入指令進(jìn)行操作，終端顯示器分辨率低，顏色單調(diào)，界面僅能顯示用戶(hù)輸入及系統(tǒng)回復(fù)的行狀指令，不存在可以進(jìn)行設(shè)計(jì)的空間，更毋論友好的人機(jī)交互效果。由于這種操作方式需要用戶(hù)事先掌握復(fù)雜的程序語(yǔ)言，在普及上存在一定困難，因而計(jì)算機(jī)廠商對(duì)系統(tǒng)進(jìn)行了新一輪的研發(fā)。早期UI設(shè)計(jì)史顯示出“以功能為中心”到“以用戶(hù)為中心”這一理念上的革命性變化，廠商越來(lái)越重視用戶(hù)的使用體驗(yàn)，將良好的人機(jī)交互效果作為產(chǎn)品設(shè)計(jì)的重要部分。

圖1 微軟的MS-DOS

以影響深遠(yuǎn)的Windows XP系統(tǒng)(見(jiàn)圖2)為例，窗口的造型在前作的基礎(chǔ)上被渲染得更加真實(shí)，出現(xiàn)了自然的高光和陰影等三維視覺(jué)的特征，虛擬和現(xiàn)實(shí)的差異被擬物化的設(shè)計(jì)風(fēng)格所拉近，用戶(hù)觀看XP界面的時(shí)候，就如同觀看一個(gè)真實(shí)的窗口。與此同時(shí)，蘋(píng)果的MACOSX也在設(shè)計(jì)中加入了擬物化元素。任務(wù)欄模擬光潔細(xì)膩的透明玻璃式樣，圖標(biāo)極具真實(shí)感，為用戶(hù)提供了一個(gè)高度仿真的視覺(jué)環(huán)境。此后十年，UI設(shè)計(jì)由兩大廠商領(lǐng)頭，在擬物化的軌道上不斷完善，每一次版本升級(jí)都對(duì)前作UI進(jìn)行了細(xì)節(jié)上的優(yōu)化，精細(xì)、仿真、追求身臨其境的交互效果是這個(gè)階段UI設(shè)計(jì)的大方向。

圖2 Windows XP系統(tǒng)界面

(二)UI設(shè)計(jì)的再次扁平化轉(zhuǎn)向

UI設(shè)計(jì)在擬物化道路上精益求精地堅(jiān)持了十余年，突然迎來(lái)了一次顛覆性的逆轉(zhuǎn)——扁平化風(fēng)格的再現(xiàn)。2006年，微軟推出了著名的Zune播放器，開(kāi)始使用類(lèi)似扁平化的界面設(shè)計(jì)風(fēng)格。在接下來(lái)的微軟Windows 8 和Windows Phone推出的metro風(fēng)格UI系統(tǒng)中，扁平化風(fēng)格令用戶(hù)為之驚艷。在手機(jī)UI設(shè)計(jì)領(lǐng)域也是如此，Windows首先推出了Windows Phone 7這一以扁平化風(fēng)格為主導(dǎo)的手機(jī)系統(tǒng)。在此之后，堅(jiān)持?jǐn)M物化UI多年的蘋(píng)果也在IOS 7中開(kāi)始拋棄前幾代IOS精細(xì)仿真的擬物化風(fēng)格，取消了陰影、漸變、高光等擬物化細(xì)節(jié)，代之以扁平化的視覺(jué)設(shè)計(jì)(見(jiàn)圖3)。與曾經(jīng)盛行的擬物化設(shè)計(jì)相比，扁平化設(shè)計(jì)風(fēng)格完全反其道而行之，極盡簡(jiǎn)約之能事，以大色塊和簡(jiǎn)明結(jié)構(gòu)概括圖標(biāo)功能，醒目易讀的視覺(jué)效果讓用戶(hù)習(xí)慣了擬物化UI的雙眼和大腦突然得到解放。在以Windows、蘋(píng)果為代表的大廠商實(shí)踐下，扁平化風(fēng)格目前是在UI領(lǐng)域最受歡迎的設(shè)計(jì)樣式。

圖3 蘋(píng)果手機(jī)的UI圖標(biāo)設(shè)計(jì)

二 扁平化風(fēng)格的流行原因

扁平化設(shè)計(jì)又被譯作“最小化設(shè)計(jì)”“最誠(chéng)實(shí)的設(shè)計(jì)”，如同其字面意義所言，指的是放棄一切浮雕、斜角、漸變、羽化等能造成立體感、三維感的裝飾，消除景深，放棄模擬材質(zhì)，僅提取二維平面化的圖像，以平面的色塊和線條組織圖形結(jié)構(gòu)的設(shè)計(jì)方式。它繼承了瑞士國(guó)際主義設(shè)計(jì)風(fēng)格，應(yīng)用數(shù)學(xué)網(wǎng)格對(duì)畫(huà)面進(jìn)行分割達(dá)成其醒目理性的視覺(jué)效果，具有簡(jiǎn)明、直接、友好的特征。而扁平化設(shè)計(jì)風(fēng)格的流行，主要有以下三個(gè)因素。

(一)認(rèn)知因素

從發(fā)展速度上，扁平化設(shè)計(jì)相對(duì)于擬物化設(shè)計(jì)更能適應(yīng)現(xiàn)在及未來(lái)信息爆炸的趨勢(shì)。時(shí)至今日，信息技術(shù)引領(lǐng)現(xiàn)代社會(huì)進(jìn)入了一個(gè)信息高速流通的“快”時(shí)代，數(shù)字終端設(shè)備形態(tài)層出不窮，功能也愈發(fā)強(qiáng)大。據(jù)近年統(tǒng)計(jì)，互聯(lián)網(wǎng)中的信息量每年以成倍的速度增長(zhǎng)。以2013年為例，2013 年中國(guó)產(chǎn)生的數(shù)據(jù)總量超過(guò)0.8 ZB(相當(dāng)于8億TB)，2 倍于2012 年，相當(dāng)于2009 年全球的數(shù)據(jù)總量。預(yù)計(jì)到2020 年，中國(guó)產(chǎn)生的數(shù)據(jù)總量將是2013年的10倍，超過(guò)8.5 ZB[1]。在這樣的現(xiàn)狀下，用戶(hù)通過(guò)終端接受海量數(shù)據(jù)時(shí)勢(shì)必要經(jīng)過(guò)大量篩選。為了在最大限度上簡(jiǎn)化篩選過(guò)程，在軟件功能方面，近年來(lái)系統(tǒng)和第三方軟件本身的模塊設(shè)置更加精確，在傳輸過(guò)程中設(shè)置信息篩選的關(guān)卡以準(zhǔn)確定位目標(biāo)信息；在視覺(jué)設(shè)計(jì)方面，則要求可讀性強(qiáng)，以避免過(guò)多裝飾細(xì)節(jié)和材質(zhì)貼圖的界面圖標(biāo)形狀對(duì)用戶(hù)注意力的干擾。從認(rèn)知心理的角度分析，越是復(fù)雜的形象，信息讀取需要的時(shí)間越長(zhǎng)。因此扁平化設(shè)計(jì)有利于快速閱讀，能夠適應(yīng)越來(lái)越龐大的信息世界。

(二)技術(shù)因素

從扁平到擬物再到扁平，UI設(shè)計(jì)的流行經(jīng)歷了一個(gè)輪回。第一次扁平化是由于設(shè)備技術(shù)水平的限制，而第二次則是設(shè)計(jì)師有意識(shí)篩選的結(jié)果。擬物化設(shè)計(jì)的進(jìn)化伴隨著顯示終端和系統(tǒng)的進(jìn)步，每一次提升都攜帶著用戶(hù)對(duì)數(shù)碼產(chǎn)品技術(shù)的拜物情結(jié)。似乎越是精致逼真的界面顯示效果就越能彰顯硬件的高技術(shù)水平。但近幾年來(lái)，顯示終端的制造技術(shù)已經(jīng)達(dá)到了清晰細(xì)膩的高水平，系統(tǒng)的提升也只體現(xiàn)在越來(lái)越快的運(yùn)算速度和加大碼的存儲(chǔ)功能上，技術(shù)本質(zhì)上的提高進(jìn)入新的平臺(tái)期，各家廠商轉(zhuǎn)而致力于在界面設(shè)計(jì)和操作細(xì)節(jié)等軟性領(lǐng)域上提升用戶(hù)體驗(yàn)。擬物化設(shè)計(jì)進(jìn)行了數(shù)十年的改進(jìn)與實(shí)踐，極盡逼真效果的同時(shí)也造成了一定程度的視覺(jué)疲勞。廠商將與前作擬物化風(fēng)格截然不同的扁平化風(fēng)格UI設(shè)計(jì)作為新版本系統(tǒng)的重要噱頭推出，能夠刺激市場(chǎng)，調(diào)動(dòng)消費(fèi)者的新鮮感和關(guān)注度。

(三)視知覺(jué)因素

視知覺(jué)屬于知覺(jué)范疇。知覺(jué)不同于感覺(jué)(如視、聽(tīng)、嗅、味、觸等我們通稱(chēng)的五感)。感覺(jué)是事物個(gè)別特征的顯現(xiàn)，而知覺(jué)是人對(duì)于事物完整形象的把握。視覺(jué)心理學(xué)家格列高里曾提出：“對(duì)物體的視覺(jué)包含了許多信息來(lái)源。這些信息來(lái)源超出了當(dāng)我們注視一個(gè)物體時(shí)眼睛所接受的信息。它通常包括由過(guò)去經(jīng)驗(yàn)所產(chǎn)生的對(duì)物體的知識(shí)。這種經(jīng)驗(yàn)不限于視覺(jué)，可能還包括其他感覺(jué)，例如觸覺(jué)、味覺(jué)、嗅覺(jué)，或者還有溫度覺(jué)或痛覺(jué)?！盵2]P56就視知覺(jué)經(jīng)驗(yàn)來(lái)說(shuō)，扁平化設(shè)計(jì)相較擬物化設(shè)計(jì)更具優(yōu)勢(shì)。關(guān)于人類(lèi)經(jīng)驗(yàn)與圖式的關(guān)系，魯?shù)婪颉ぐ⒍骱Ｄ吩劦剑骸把矍八玫降慕?jīng)驗(yàn),從來(lái)都不是憑空出現(xiàn)的,它是從一個(gè)人畢生所獲取的無(wú)數(shù)經(jīng)驗(yàn)當(dāng)中發(fā)展出來(lái)的最新經(jīng)驗(yàn)。因此,新的經(jīng)驗(yàn)圖式,總是與過(guò)去所知覺(jué)到的各種形狀的記憶痕跡相聯(lián)系。”[3]P23人們?cè)谟^看UI圖標(biāo)時(shí)，也在進(jìn)行視知覺(jué)的活動(dòng)。界面上的圖形對(duì)人的視覺(jué)作出提示，引發(fā)用戶(hù)從個(gè)人經(jīng)驗(yàn)中提取出意義，繼而作出知覺(jué)反應(yīng)。

擬物化設(shè)計(jì)存在指代意義狹窄的缺陷，它將意義指定為某個(gè)具體的物，這種圖式的呈現(xiàn)方式，有時(shí)無(wú)法令觀者提取出記憶中的經(jīng)驗(yàn)圖式與其相契合，具有一定的局限性。如“錄音機(jī)”選項(xiàng)指代為“磁帶”，而磁帶在21世紀(jì)初漸漸淡出了人們的生活，對(duì)于沒(méi)見(jiàn)過(guò)磁帶的00后來(lái)說(shuō)，這個(gè)意義的指代就讓他們不知所云。而扁平化設(shè)計(jì)將意義簡(jiǎn)化為一般大眾認(rèn)知中的指示圖形或文字，意義覆蓋更廣，符合大多數(shù)人的認(rèn)知經(jīng)驗(yàn)，使用戶(hù)順利調(diào)動(dòng)經(jīng)驗(yàn)，與界面良好交互。

三 格式塔心理學(xué)的視知覺(jué)理論

(一)格式塔心理學(xué)簡(jiǎn)述

格式塔心理學(xué)是西方心理學(xué)主要流派之一，又稱(chēng)完型心理學(xué)。“格式塔”是德文中“GELSTALT”的音譯，意為“整體”，是一種組織或結(jié)構(gòu)，中文又譯為“完形”。 格式塔心理學(xué)認(rèn)為，人在視知覺(jué)過(guò)程中，存在一種自然而然追求事物結(jié)構(gòu)完整性的傾向。當(dāng)客觀事物出現(xiàn)在眼前時(shí)，人在心理上會(huì)出現(xiàn)一個(gè)與之相對(duì)應(yīng)的格式塔，當(dāng)這個(gè)格式塔與客觀事物不相符時(shí)，格式塔出現(xiàn)“缺陷”，此時(shí)人的內(nèi)心就會(huì)開(kāi)始產(chǎn)生一種“補(bǔ)完”的活動(dòng)，彌補(bǔ)事物的客觀缺陷至形成良好的“完形”。格式塔的產(chǎn)生與物本身無(wú)關(guān)，是人主觀心理世界由知覺(jué)經(jīng)驗(yàn)進(jìn)行積累而建構(gòu)出來(lái)的。

格式塔心理學(xué)具有很強(qiáng)的普適性。最早提出“格式塔”一詞的艾倫菲爾斯在他的論文《論格式塔特質(zhì)》中，用格式塔理論對(duì)音樂(lè)曲調(diào)進(jìn)行分析。他認(rèn)為音樂(lè)曲調(diào)并非是由音符與音符連接而成的組合，而是一個(gè)內(nèi)在有機(jī)的整體，具有格式塔的特質(zhì)。整體雖然由部分組成，但不等于部分的相加，而是先于部分，部分不能決定整體。這個(gè)理論觀點(diǎn)是格式塔心理學(xué)的基礎(chǔ)理論之一，在此之后衛(wèi)特海默、苛勒和考夫卡繼承了格式塔理論并將之發(fā)展為一個(gè)心理學(xué)流派，以探討人類(lèi)知覺(jué)過(guò)程為起點(diǎn)，應(yīng)用于研究人類(lèi)學(xué)習(xí)、記憶、視覺(jué)及藝術(shù)學(xué)等領(lǐng)域。

格式塔心理學(xué)對(duì)于視知覺(jué)的研究真正始于衛(wèi)特海默的學(xué)生魯?shù)婪颉ぐ⒍骱Ｄ?。他將格式塔心理學(xué)理論引入視覺(jué)藝術(shù)研究中，以解釋藝術(shù)的理論與實(shí)踐問(wèn)題，使格式塔心理學(xué)發(fā)展為格式塔心理美學(xué)。時(shí)至今日，格式塔心理美學(xué)在藝術(shù)和設(shè)計(jì)領(lǐng)域還具有重要的理論指導(dǎo)作用。

(二)格式塔心理學(xué)視知覺(jué)理論在扁平化設(shè)計(jì)中的應(yīng)用法則

1.形狀

扁平化設(shè)計(jì)風(fēng)格繼承了“少即是多”的現(xiàn)代主義設(shè)計(jì)傳統(tǒng)，以簡(jiǎn)約的造型為主要視覺(jué)特征。不過(guò)，扁平化設(shè)計(jì)并非為了拍扁而拍扁。如果單純地將物象平面化再加以簡(jiǎn)化，就存在可讀性上的問(wèn)題和過(guò)于機(jī)械的弊端。設(shè)計(jì)師在提煉物象的扁平化形象時(shí)，應(yīng)注意形狀提煉的方法。格式塔心理學(xué)視知覺(jué)理論認(rèn)為，人類(lèi)認(rèn)識(shí)物象時(shí)最先關(guān)注的是它粗略結(jié)構(gòu)的完形特征，而不是它的某種特殊刺激式樣。“這一刺激物的大體輪廓，在大腦里喚起一種屬于一般感覺(jué)范疇的特定圖式，就像科學(xué)陳述中，總是用一系列概念組成的網(wǎng)絡(luò)，去代替真實(shí)的形象一樣?！盵4]P53而在面對(duì)復(fù)雜和零散的形狀時(shí)，人的眼睛傾向于把任何一個(gè)刺激式樣看成現(xiàn)有條件下最簡(jiǎn)單的形狀。格式塔心理學(xué)的研究者曾做過(guò)實(shí)驗(yàn)，向受試者展示復(fù)雜圖形，讓受試者進(jìn)過(guò)短暫的記憶并復(fù)述出來(lái)。結(jié)果他們?cè)谟洃涍^(guò)程中，自然而然地對(duì)圖形進(jìn)行了簡(jiǎn)化歸納，即進(jìn)行“整平化”或“尖銳化”(見(jiàn)圖4)。這是兩種對(duì)圖形的自然歸納傾向，整平化消除差異，使構(gòu)圖統(tǒng)一，使不適應(yīng)的細(xì)節(jié)消失；尖銳化增強(qiáng)差異，強(qiáng)化特征，消除圖形的模糊性。這兩種歸納傾向都符合人類(lèi)大腦的認(rèn)知過(guò)程。阿恩海姆認(rèn)為，當(dāng)一個(gè)刺激式樣投射到作為“力場(chǎng)”的大腦視覺(jué)區(qū)域時(shí)，力場(chǎng)分布被打亂，一經(jīng)打亂后，場(chǎng)力又會(huì)極力恢復(fù)平衡。刺激式樣的刺激很清晰時(shí)，對(duì)象不容易被改造，此時(shí)特征加強(qiáng)，呈現(xiàn)“尖銳化”趨勢(shì)；刺激式樣力量微弱時(shí)，特征被抹平，大腦自動(dòng)將其規(guī)則化，呈現(xiàn)“整平化”趨勢(shì)。

圖4 圖形歸納方法

在扁平化設(shè)計(jì)中選取的圖式形狀以簡(jiǎn)單、易認(rèn)為基本準(zhǔn)則。設(shè)計(jì)師一般從概念出發(fā)，提取大眾認(rèn)知中符合此概念的典型元素作為視覺(jué)圖像。但在提取過(guò)程中，典型圖形的外觀常常是具有清晰特征的刺激式樣。由于UI一般需要同時(shí)顯示大量信息，若干不規(guī)則形狀同時(shí)出現(xiàn)在同一平面上時(shí)，會(huì)導(dǎo)致視覺(jué)產(chǎn)生尖銳化的認(rèn)知傾向，令畫(huà)面觀感雜亂，因此，在設(shè)計(jì)圖標(biāo)和模塊的時(shí)候，設(shè)計(jì)師需要注意圖形特征和形狀的平衡。比如，設(shè)計(jì)師常常使用規(guī)則、對(duì)稱(chēng)的外延形狀和具有典型特征的內(nèi)部形狀進(jìn)行組合式設(shè)計(jì)(見(jiàn)圖5)，或是將對(duì)象的外延整平化為對(duì)稱(chēng)圖形(見(jiàn)圖6)，易于辨認(rèn)，也有利于視覺(jué)觀感上的舒適。

圖5 外部規(guī)整化圖標(biāo)設(shè)計(jì)示例

圖6 整平化圖標(biāo)設(shè)計(jì)示例

2.色彩

色彩本身攜帶著信息。雖然作為信息傳遞的工具，形狀比色彩有效得多，但色彩傳遞給觀眾的直觀感受是形狀無(wú)法替代的。阿恩海姆認(rèn)為，對(duì)色彩反應(yīng)的直接特征，是觀察者的被動(dòng)性和經(jīng)驗(yàn)的直接性，而對(duì)形狀的知覺(jué)則來(lái)自觀察者積極的控制。UI設(shè)計(jì)雖然是一門(mén)依附于數(shù)字終端制造技術(shù)的設(shè)計(jì)門(mén)類(lèi)，但時(shí)至今日，以用戶(hù)為中心成為了UI設(shè)計(jì)師的核心理念。因此，UI設(shè)計(jì)中的色彩選擇應(yīng)與UI受眾相關(guān)聯(lián)。為不同用戶(hù)群設(shè)計(jì)，UI色彩的選擇也不同。諾基亞Windows Phone追求年輕、現(xiàn)代、時(shí)尚的工業(yè)設(shè)計(jì)風(fēng)格，外殼使用明亮的純色，因此搭配了高飽和度的UI配色，令人快速被吸引注意力，十分醒目。一些網(wǎng)站、APP等需要制造特定氛圍的UI場(chǎng)合，常使用符合自身定位的配色方案，如飽和度低，色彩搭配和諧的復(fù)古色，給人一種柔和舒適的視覺(jué)觀感，適用于生活類(lèi)、時(shí)尚類(lèi)UI；色彩統(tǒng)一的單一系配色，采用某種主色系搭配黑、白等無(wú)彩色，期間點(diǎn)綴2—3種其他色系顏色，形成簡(jiǎn)約、嚴(yán)謹(jǐn)、冷靜的效果，適合商務(wù)類(lèi)、工具類(lèi)UI。

3.運(yùn)動(dòng)

UI設(shè)計(jì)不同于平面設(shè)計(jì)的其中一大特點(diǎn)，在于它不僅承載了信息，并需要將信息按一定結(jié)構(gòu)進(jìn)行劃分。扁平化設(shè)計(jì)中的信息規(guī)劃，借鑒了現(xiàn)代企業(yè)管理中的扁平化管理制度，破除了自上而下的傳統(tǒng)管理結(jié)構(gòu)，采用橫向緊湊的組織結(jié)構(gòu)，達(dá)到快捷靈活的操作體驗(yàn)效果。傳統(tǒng)UI設(shè)計(jì)的頁(yè)面設(shè)置上，一般采用層級(jí)化劃分方式，這種劃分方式呈樹(shù)狀，條理清晰、分類(lèi)準(zhǔn)確，但存在操作繁瑣和操作流程時(shí)間長(zhǎng)的弊病。扁平化UI設(shè)計(jì)的頁(yè)面設(shè)置采用平鋪化的信息劃分方式，縮短信息訪問(wèn)路徑，將信息平鋪顯示，通過(guò)按鈕設(shè)置直接指向信息，減少了用戶(hù)操作時(shí)逐層深入的繁瑣步驟。扁平化UI設(shè)計(jì)的頁(yè)面布局策略最重要的一點(diǎn)是保證用戶(hù)的視覺(jué)思維沿二維平面延伸，保證用戶(hù)視覺(jué)查詢(xún)的連貫性。在扁平化UI設(shè)計(jì)中，按鈕之間的邏輯聯(lián)系已不再緊密，平鋪在界面上的按鈕將信息展示在同一平面上，用戶(hù)在頂層界面即可對(duì)不同子模塊進(jìn)行控制。平鋪式的頁(yè)面布局受使用面積的局限，因此在扁平化UI設(shè)計(jì)中，常常將當(dāng)前頁(yè)面的四邊設(shè)置為可卷展的，拓展了使用區(qū)域的同時(shí)保證了用戶(hù)思維的連貫性。為了使用戶(hù)能夠最快注意到重點(diǎn)信息，設(shè)計(jì)師一般會(huì)將需要向用戶(hù)強(qiáng)調(diào)的內(nèi)容放置在頂部主要位置，將延伸內(nèi)容放置在卷展欄中。

格式塔心理學(xué)的視知覺(jué)理論認(rèn)為，即使是不動(dòng)的圖形，內(nèi)部也存在張力和拉力。“我們?cè)诓粍?dòng)的式樣中感受到的‘運(yùn)動(dòng)’，就是大腦對(duì)知覺(jué)刺激進(jìn)行組織時(shí)激起的生理活動(dòng)的心理對(duì)應(yīng)物?！盵5]P87圓形的軸線多，拉力互相持平，看上去最為靜止；方形力量向軸線發(fā)散，由于其造型對(duì)稱(chēng)，因此也較為穩(wěn)定；不規(guī)則式樣的軸線尖銳，看上去動(dòng)感強(qiáng)烈。人的視覺(jué)中默認(rèn)的圖形運(yùn)動(dòng)方向與它的主軸方向一致或垂直。根據(jù)格式塔心理學(xué)中對(duì)“伽馬運(yùn)動(dòng)”的研究，當(dāng)直線或長(zhǎng)方形的空間定向與運(yùn)動(dòng)方向一致時(shí)，它在通過(guò)視域時(shí)的運(yùn)動(dòng)速度比它們的空間定向與運(yùn)動(dòng)方向垂直時(shí)快得多。因此，對(duì)于頁(yè)面的拉升卷展運(yùn)動(dòng)方向來(lái)說(shuō)，沿方形主軸上下左右運(yùn)動(dòng)是最能提高用戶(hù)瀏覽速度，保證思維連續(xù)性的運(yùn)動(dòng)方式。

扁平化設(shè)計(jì)基于強(qiáng)烈的功能性取向，其設(shè)計(jì)美學(xué)風(fēng)格往往傾向于以簡(jiǎn)單直接、簡(jiǎn)潔親和、簡(jiǎn)約悠長(zhǎng)為表征的極簡(jiǎn)主義。在一定程度上，可以說(shuō)這是立足功能專(zhuān)注用戶(hù)體驗(yàn)的商業(yè)原則之下的對(duì)于視知覺(jué)格式塔傾向的再選擇、再平衡。格式塔心理學(xué)視閾下的審美主體視線主要呈現(xiàn)為以下五種集中組織原則：完形原則、簡(jiǎn)潔原則、視錯(cuò)覺(jué)原理、圖底關(guān)系原理、異質(zhì)同構(gòu)原理。扁平化設(shè)計(jì)理念生長(zhǎng)于商業(yè)指向中，其拋棄不必要的修飾，力圖減少用戶(hù)的認(rèn)知障礙，最大程度地呈現(xiàn)信息的本質(zhì)屬性等訴求使得設(shè)計(jì)師們往往更關(guān)注于格式塔心理學(xué)中的完形組織原則與簡(jiǎn)潔組織原則，對(duì)于視錯(cuò)覺(jué)原理、圖底關(guān)系原理、異質(zhì)同構(gòu)原理等則較少涉足運(yùn)用。這個(gè)選擇性的潛隱側(cè)重趨向使得視線的選擇與創(chuàng)造在扁平化運(yùn)動(dòng)規(guī)律與格式塔心理學(xué)運(yùn)動(dòng)規(guī)律中存在若干異同。就其相同處而言，扁平化設(shè)計(jì)的極簡(jiǎn)主義傾向于促使審美主體以更適意的視線將知覺(jué)經(jīng)驗(yàn)改造為一個(gè)富有秩序、圓融無(wú)礙的優(yōu)格式塔。就其偏異處而言，則是對(duì)于平衡與簡(jiǎn)化的向往，不自覺(jué)地壓抑了承載設(shè)計(jì)品形式美感的“有意味的形式”的多維性生長(zhǎng)。如果說(shuō)，從擬物化向扁平化轉(zhuǎn)型是出于視覺(jué)疲勞的考量，那么當(dāng)前扁平化設(shè)計(jì)的發(fā)展形態(tài)則有著某種程度上的審美疲勞的隱憂(yōu)。視線在扁平化設(shè)計(jì)中潛隱是受到美的規(guī)馴而非領(lǐng)略美的自由。之所以如此，很關(guān)鍵一點(diǎn)就在于扁平化設(shè)計(jì)是對(duì)于視知覺(jué)格式塔傾向的某種閹割。其所指使得信息傳遞更高效，卻也使得文化功能性弱化；其能指使得指示更明確，卻也使得情感體驗(yàn)性更匱乏。

結(jié)語(yǔ)

從格式塔心理學(xué)觀照扁平化設(shè)計(jì)，它是理論到實(shí)踐的科學(xué)應(yīng)用，充分契合了未來(lái)數(shù)字技術(shù)以人為本的制造理念。扁平化設(shè)計(jì)作為當(dāng)代UI設(shè)計(jì)的主流，在未來(lái)若干年會(huì)擁有廣闊的發(fā)展前景。通過(guò)上述闡述和分析，可以看到扁平化設(shè)計(jì)是順應(yīng)人類(lèi)心理和視知覺(jué)的設(shè)計(jì)方法，在形式和內(nèi)容上具有極大的合理性。同時(shí)，格式塔心理學(xué)對(duì)扁平化設(shè)計(jì)的指導(dǎo)，一則有利于設(shè)計(jì)方法本身的改進(jìn)，以致力于高效科學(xué)地進(jìn)行實(shí)踐生產(chǎn)；同時(shí)，設(shè)計(jì)者們對(duì)其潛在的設(shè)計(jì)局限也應(yīng)該有一定的認(rèn)知與克服。