梁冬妮

摘要：扁平化設(shè)計是近年來炙手可熱的UI設(shè)計潮流，幾乎所有UI設(shè)計作品中都呈現(xiàn)出一種簡約且平面化的設(shè)計風(fēng)格。去除表現(xiàn)對象的表皮質(zhì)感、肌理和對象的逼真度元素的設(shè)計方法，在設(shè)計上追求一種概念化。時至今日這股狂潮還逐漸對其它設(shè)計領(lǐng)域產(chǎn)生了影響。本文將探討扁平化設(shè)計的理念、根源、設(shè)計原則和技巧，并探求其今后的發(fā)展趨勢。

關(guān)鍵詞：扁平化設(shè)計；擬物化設(shè)計；方法；發(fā)展

一、扁平化設(shè)計從何而來

縱觀當(dāng)代設(shè)計史，不難發(fā)現(xiàn)扁平化設(shè)計的靈感來源于多個時期的多種設(shè)計風(fēng)格。

首先，扁平化設(shè)計（flat design）這個概念在2008 年由Google 提出。之后蘋果公司的設(shè)計師喬納森·伊夫在iOS7應(yīng)用系統(tǒng)中大膽改革，把過去追求逼真的擬物化設(shè)計（Skeuomorphic）圖標(biāo)革命性地全部換成扁平圖標(biāo)，經(jīng)過蘋果平臺的推廣，這種風(fēng)格在UI設(shè)計中的確立了地位。

盡管設(shè)計的對象不同，扁平化設(shè)計是20世紀(jì)30年代著名的建筑大師密斯·凡德羅提出的“少即是多”的設(shè)計理念的延續(xù)。

微軟2010在Windows phone7使用的扁平化Metro圖標(biāo)明顯是受到20世紀(jì)60年代的瑞士風(fēng)格（Swiss Style）和極簡主義（Minimalism）設(shè)計風(fēng)格的影響。

瑞士風(fēng)格誕生在1920年代的德國，之后在瑞士廣泛流行，貫穿了上世紀(jì)四五十年代。瑞士風(fēng)格的特點是大量使用網(wǎng)格布局，簡潔而有條理。

極簡主義是1960年代在家居設(shè)計領(lǐng)域興起的一個極致的藝術(shù)派系。從表現(xiàn)形式與目的上來看，極簡主義與扁平化設(shè)計不謀而合：去除所有裝飾，只留下基本要素：幾何形狀的塊面、明亮顏色的填充。

二、扁平化設(shè)計與擬物化設(shè)計

扁平化設(shè)計（flat design）在業(yè)界仍存爭議，但是其主要設(shè)計特征是公認(rèn)的，就是摒棄所有能夠做出3D逼真效果的元素：去除表現(xiàn)對象的表皮質(zhì)感、肌理和對象的逼真度元素的設(shè)計方法，在設(shè)計上追求一種概念化。使圖標(biāo)傳達(dá)的基本信息重新成為重點被用戶關(guān)注。這種風(fēng)格更強(qiáng)調(diào)純凈、符號化的設(shè)計，采用鮮明輕快的顏色，并且注重排版的簡潔。可以說扁平化設(shè)計完全屬于二維空間，它是與擬物化設(shè)計相對的概念。

擬物化設(shè)計（Skeuomorphic）給我們帶來的是視覺上的“逼真感”，其主要特征是：通過各種表現(xiàn)方法（疊加高光反光、填充紋理材質(zhì)、陰影疊底等）直觀再現(xiàn)實際物品的形態(tài)和質(zhì)感，讓你在第一時間就辨別出圖標(biāo)代表的是什么。UI采用的交互方式也模擬現(xiàn)實生活的交互方式。扁平化則完全反其道而行，屬于二次元世界，一個簡單的形狀加沒有景深的平面輪廓，讓你去會意這是個什么東西。

三、扁平化設(shè)計的幾個方法

扁平化設(shè)計風(fēng)格憑借其設(shè)計優(yōu)勢成為設(shè)計領(lǐng)域的新寵兒，引領(lǐng)APP領(lǐng)域的UI設(shè)計并不斷擴(kuò)展到其他領(lǐng)域。本人總結(jié)了幾條設(shè)計方法可供參考：

（1）使用簡單的幾何圖形：矩形、圓形等，當(dāng)今APP的UI圖標(biāo)幾乎都是圓角矩形組合。

（2）使用清新、明快的色彩，增強(qiáng)圖標(biāo)的視覺沖擊力。

（3）不使用復(fù)雜花體字，排版注重形式和色彩的搭配，呈現(xiàn)出簡潔、純凈、雅致的美感。

（4）去掉不必要的裝飾（如肌理、陰影、柔光等），只突出對象的輪廓、特性、大色調(diào)。

（5）可適當(dāng)采用偽扁平化設(shè)計，在扁平化設(shè)計中加入少量特效（比如高光），形成比單純扁平化更具適用性和靈活性的設(shè)計風(fēng)格。

四、扁平化設(shè)計的優(yōu)點與缺點

（一）優(yōu)點

（1）減少設(shè)備運(yùn)行負(fù)擔(dān)，延長電池使用時間。

（2）圖標(biāo)信息能更簡練概括地呈現(xiàn)給用戶，減少過度裝飾產(chǎn)生的審美疲勞。

（3）多元化的數(shù)字媒體、網(wǎng)站和APP應(yīng)用程序等多種平臺，包含各種各樣不同的屏幕分辨率和尺寸屏幕尺寸。為了滿足這些需求，必須做多種設(shè)計，既繁瑣又費時。這促使UI設(shè)計朝著更加扁平的方向發(fā)展：更簡約，更理性，有更強(qiáng)適應(yīng)性。

（二）缺點

（1）降低用戶體驗，產(chǎn)生認(rèn)知障礙。過于簡單的UI使人摸不著頭腦究竟是什么功能。

（2）在非移動設(shè)備上，過度扁平令人感覺冷淡。

（3）最為人所詬病的方面主要還是美感度和辨識度的缺失。過度扁平化和充滿統(tǒng)一感的操作平臺使人產(chǎn)生所有軟件都差不多，很難認(rèn)得清誰是誰。

五、扁平化設(shè)計的發(fā)展

回顧扁平化設(shè)計在APP領(lǐng)域的發(fā)展歷程，并不一帆風(fēng)順，直到蘋果公司推出了IOS7.0系統(tǒng)，扁平化才大行其道。蘋果公司之所以能夠推動扁平化設(shè)計的流行，是基于采用擬物化風(fēng)格操作平臺的iPhone4的高度熱賣，大眾對蘋果iOS系統(tǒng)圖標(biāo)已經(jīng)非常熟悉，大大降低了用戶學(xué)習(xí)成本。同時伴隨著操作系統(tǒng)的更新，蘋果公司也推出了革命性的硬件作為支撐。

不管是什么設(shè)計風(fēng)格，設(shè)計的美在于是否適合。時至今日這股扁平化設(shè)計狂潮還逐漸對其它設(shè)計領(lǐng)域產(chǎn)生了影響，但如果就此止步不前，遲早會被淘汰。隨著科技發(fā)展，扁平化設(shè)計也許終將走下流行舞臺。如何深度開發(fā)設(shè)計的功能性，將設(shè)計與產(chǎn)品更好結(jié)合，醞釀出獨特設(shè)計理念，將是未來設(shè)計師們需要解決的問題。

參考文獻(xiàn)：

[1]宋方.析“扁平化”手機(jī)界面設(shè)計[J].包裝工程，2012（3）.

[2]汪大偉.現(xiàn)代主義UI風(fēng)格的設(shè)計之興起[J].現(xiàn)代裝飾，2014（9）.

[3]侯景艷.從符號學(xué)角度解讀扁平化設(shè)計趨勢[J].科技創(chuàng)新與應(yīng)用，2014（3）.