扁平化設(shè)計(jì)在A(yíng)PP領(lǐng)域中的發(fā)展探究

梁冬妮

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

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

一、扁平化設(shè)計(jì)從何而來(lái)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、扁平化設(shè)計(jì)的優(yōu)點(diǎn)與缺點(diǎn)

（一）優(yōu)點(diǎn)

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

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

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

（二）缺點(diǎn)

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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