張媛園

摘要：美國(guó)蘋(píng)果公司于2013年6月在WWDC蘋(píng)果全球開(kāi)發(fā)者大會(huì)上發(fā)布了全新的便攜設(shè)備操作系統(tǒng)——iOS 7。其界面中應(yīng)用的標(biāo)志一律采用了讓人眼前一亮的扁平化設(shè)

計(jì)（flat design）。盡管這一新穎的設(shè)計(jì)風(fēng)格并沒(méi)有得到用戶的一致認(rèn)可，甚至受到一些尖銳的批評(píng)，但是它仍舊贏得了業(yè)內(nèi)高度的關(guān)注，并被推上了前所未有的高度，它迅速地影響到了整個(gè)設(shè)計(jì)行業(yè)

，并成為一種設(shè)計(jì)潮流。

關(guān)鍵詞：扁平化設(shè)計(jì)、 現(xiàn)代主義風(fēng)格、后現(xiàn)代主義風(fēng)格

中圖分類號(hào)：TB47文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1006-026X（2014）02-0000-01

一、扁平化設(shè)計(jì)的定義

扁平化一詞，是相對(duì)擬物化而言的。扁平化風(fēng)格出現(xiàn)之前，便攜設(shè)備的界面以skeuomorphic風(fēng)格為主。所謂skeuomorphic風(fēng)格，即擬物化的設(shè)計(jì)風(fēng)格。在較早版本的蘋(píng)果iOS系統(tǒng)和谷歌Android系統(tǒng)應(yīng)用

的標(biāo)志設(shè)計(jì)中，擬物化風(fēng)格體現(xiàn)地較為明顯。顧名思義，擬物化就是把現(xiàn)實(shí)中的事物進(jìn)行模擬，使標(biāo)志的形象惟妙惟肖，例如iPhone音樂(lè)播放器中充滿金屬質(zhì)感的滑動(dòng)音量按鈕、閃閃發(fā)亮的錄音話筒、

iBooks中的木質(zhì)書(shū)架……它們無(wú)一不具有真實(shí)物體的質(zhì)感，給用戶一種舒適的親切感和真實(shí)感，從而拉近與用戶心靈的距離。

之所以稱之為扁平化，是設(shè)計(jì)形式采用的樣式和特點(diǎn)來(lái)決定的。扁平化完全是屬于平面化的，是零3D屬性的設(shè)計(jì)。它最核心的地方就是要放棄一切裝飾效果，如陰影、透視、紋理、漸變等具有3D效果的

元素統(tǒng)統(tǒng)丟棄。所有的元素的邊界都干凈利落。尤其在手機(jī)上，更少的按鈕和選項(xiàng)使得界面干凈整齊，使用起來(lái)格外簡(jiǎn)潔，可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生

。

絕對(duì)意義上的扁平化和擬物化是不存在的。即便是扁平化風(fēng)格的標(biāo)志，多少也會(huì)存在擬物化的元素，反之亦然。擬物化和扁平化只是彼此相比較而言的。

二、扁平化風(fēng)格之源

扁平化風(fēng)格絕非橫空出世，也并不是設(shè)計(jì)師的靈光乍現(xiàn)。它的出現(xiàn)好比誕生了一種新的藝術(shù)流派一樣，并與其他多種藝術(shù)風(fēng)格與形式并存。從歐洲文藝復(fù)興開(kāi)始，到古典主義、現(xiàn)實(shí)主義、印象主義、新

藝術(shù)運(yùn)動(dòng)，再到20世紀(jì)的立體主義、表現(xiàn)主義、抽象主義、波普藝術(shù)等的出現(xiàn)，藝術(shù)由原先的力求再現(xiàn)發(fā)展到后來(lái)的抽象風(fēng)格，形式不斷的豐富并且流派也越來(lái)越多樣化。藝術(shù)走向了一個(gè)多元化的發(fā)展

。而界面的設(shè)計(jì)風(fēng)格也同樣是具象到抽象的發(fā)展趨勢(shì)。而扁平化，也正是界面設(shè)計(jì)的一種新興流派。它對(duì)以往的設(shè)計(jì)風(fēng)格與思潮進(jìn)行了繼承，并具有一定的顛覆性。

對(duì)于界面設(shè)計(jì)，很早之前并沒(méi)有得到現(xiàn)在如此高的關(guān)注度，也沒(méi)有當(dāng)今具有較高設(shè)計(jì)素養(yǎng)的從業(yè)者，大多數(shù)情況下都是由程序員一把手完成的。這種情況下，界面的設(shè)計(jì)往往不夠精致。隨著科學(xué)技術(shù)的

高速發(fā)展，人們的審美需求也在不斷提高，對(duì)于界面的精致度有了更高的要求。漸漸地，軟件的設(shè)計(jì)工作有了更精確地分工，于是界面設(shè)計(jì)作為一項(xiàng)專業(yè)的設(shè)計(jì)門(mén)類也隨之誕生。設(shè)計(jì)師也傾向于采用細(xì)

膩、精致華麗、裝飾感十足的界面效果來(lái)吸引消費(fèi)者的目光。上世紀(jì)后半葉出現(xiàn)了一股以強(qiáng)調(diào)裝飾為核心的后現(xiàn)代主義思潮。它對(duì)現(xiàn)代極簡(jiǎn)主義、功能主義進(jìn)行了強(qiáng)烈的批判。受到這股思潮的影響，過(guò)

多精致、華麗的設(shè)計(jì)元素充斥著人們的眼球。經(jīng)過(guò)長(zhǎng)久以來(lái)不斷地發(fā)展，華麗精致的風(fēng)格漸漸地也不再得到人們的青睞，復(fù)雜的裝飾此時(shí)此刻似乎已經(jīng)成為了一種心理上的負(fù)擔(dān)。這時(shí)，功能主義，極簡(jiǎn)

主義為代表的現(xiàn)代主義風(fēng)格界面設(shè)計(jì)如一陣清新的風(fēng)吹向了我們。無(wú)須過(guò)多的裝飾，一切的信息都以簡(jiǎn)潔的方式來(lái)呈現(xiàn)，在更短的時(shí)間內(nèi)，我們就能獲得更多的有效信息，而這種方式，無(wú)疑更加適合我

們當(dāng)今快節(jié)奏的生活和工作方式。這都為扁平化風(fēng)格的蓬勃發(fā)展提供了良好的條件。

三、界面扁平化設(shè)計(jì)之美

1.功能之美——提升了訪問(wèn)信息的效率

在20世紀(jì)的建筑設(shè)計(jì)領(lǐng)域，出現(xiàn)了許多杰出的設(shè)計(jì)師，他們提倡的“形式追隨功能（form follow function）”、“少即是多（less is more）”、“裝飾即罪惡（decoration is evil）”等現(xiàn)代主義

設(shè)計(jì)原則被廣泛地傳播開(kāi)來(lái)?，F(xiàn)代主義設(shè)計(jì)的席卷是工業(yè)革命蓬勃發(fā)展的產(chǎn)物，在機(jī)械化大生產(chǎn)的背景下，工業(yè)產(chǎn)品鱗次櫛比，建筑紛紛拔地而起，各種傳播媒介層出不窮……雖然物質(zhì)產(chǎn)品極大的豐富

，但統(tǒng)一的生產(chǎn)標(biāo)準(zhǔn)、管理體系和新的設(shè)計(jì)觀相對(duì)欠缺。現(xiàn)代主義設(shè)計(jì)通過(guò)極簡(jiǎn)風(fēng)格對(duì)這些亂象進(jìn)行了整合和統(tǒng)一，體現(xiàn)出巨大的進(jìn)步性。扁平化風(fēng)格同樣具有現(xiàn)代主義的訴求，它追求極致的簡(jiǎn)約和純

粹的視覺(jué)體驗(yàn)，通過(guò)簡(jiǎn)單的形狀和色彩來(lái)替代紋理和光影的效果，做到風(fēng)格上的整齊劃一，以更好的傳達(dá)信息。以微軟WINDOWS 8操作系統(tǒng)為例。系統(tǒng)中每一個(gè)磁貼都是一個(gè)標(biāo)準(zhǔn)的矩形，磁貼之間僅有大

小和顏色的區(qū)分，每個(gè)磁貼上都附有一個(gè)象征功能的標(biāo)志剪影，來(lái)指導(dǎo)用戶進(jìn)行操作。系統(tǒng)界面進(jìn)行了大幅度的簡(jiǎn)化，并通過(guò)良好的排版，使得界面一目了然。與此同時(shí)，界面信息量也并沒(méi)有減小。通

過(guò)滑動(dòng)和點(diǎn)擊，可以進(jìn)行不同信息群的橫向切換和同一信息群的深度瀏覽，使得界面條理清晰，提高了用戶的訪問(wèn)效率。

2.形式之美

扁平化風(fēng)格雖然在一定程度上對(duì)后現(xiàn)代主義設(shè)計(jì)風(fēng)格進(jìn)行了顛覆，但是兩者不可能分道揚(yáng)鑣。反之，扁平化風(fēng)格在一些領(lǐng)域又對(duì)后現(xiàn)代主義設(shè)計(jì)進(jìn)行了進(jìn)一步的發(fā)展。從意識(shí)形態(tài)上看，后現(xiàn)代主義設(shè)計(jì)

是對(duì)現(xiàn)代主義，國(guó)際主義設(shè)計(jì)的一種裝飾性的發(fā)展，主張以裝飾的方法來(lái)達(dá)到視覺(jué)上的豐富。后現(xiàn)代主義設(shè)計(jì)追求感性，追求形式和感官上的刺激和愉悅。扁平化設(shè)計(jì)追求極致簡(jiǎn)約的特性，似乎與后現(xiàn)

代主義設(shè)計(jì)的理念背道而馳，然而后現(xiàn)代主義設(shè)計(jì)所追求的鮮明的個(gè)性、美妙的創(chuàng)意、反傳統(tǒng)反常規(guī)的表現(xiàn)形式，都在扁平化設(shè)計(jì)中有很好的體現(xiàn)。

在全新操作系統(tǒng)應(yīng)用的標(biāo)志設(shè)計(jì)上，蘋(píng)果設(shè)計(jì)師不再以試圖再現(xiàn)生活中的實(shí)物為追求，而是用簡(jiǎn)單的圖形象征應(yīng)用的功能。為了加深用戶的印象，用鮮艷的色彩，強(qiáng)烈的對(duì)比，夸張的造型來(lái)設(shè)計(jì)軟件

logo就成為了設(shè)計(jì)師的必選項(xiàng)。如iOS 7中的相冊(cè)logo，不再是慣例的現(xiàn)實(shí)中相冊(cè)或圖片為原型，而是用許許多多色彩鮮艷的圖形，組成了一個(gè)斑斕多彩的圓形，象征著鏡頭下的萬(wàn)紫千紅。個(gè)性鮮明，極

具創(chuàng)意。

扁平化風(fēng)格對(duì)于許多裝飾效果進(jìn)行了大膽的拋棄，設(shè)計(jì)元素的缺乏使得界面非常容易顯得空洞單調(diào)，這時(shí)，對(duì)版面的排列就有了相當(dāng)高的要求，排版的好壞直接影響視覺(jué)效果，甚至?xí)绊懹脩趔w驗(yàn)。

Facebook一直是扁平化的忠實(shí)擁護(hù)者，它的登陸界面都是有零3D屬性的設(shè)計(jì)元素來(lái)組成的，良好的排版使Facebook的界面井井有條，富于美感。

結(jié)語(yǔ)

電子設(shè)備的界面設(shè)計(jì)形式由擬物化向扁平化的轉(zhuǎn)變，是一個(gè)有繁到簡(jiǎn)的趨勢(shì)，同時(shí)也是設(shè)計(jì)藝術(shù)由再現(xiàn)到表現(xiàn)的發(fā)展過(guò)程的縮影。扁平化設(shè)計(jì)并不是空穴來(lái)風(fēng)，它有著相當(dāng)深厚的理論基礎(chǔ)。它對(duì)傳統(tǒng)進(jìn)

行了批判的繼承，同時(shí)又發(fā)展出了別具一格的設(shè)計(jì)風(fēng)格。對(duì)扁平化設(shè)計(jì)這種國(guó)際前沿的設(shè)計(jì)潮流進(jìn)行分析研究，有助于發(fā)掘出獨(dú)特而又新穎的設(shè)計(jì)語(yǔ)言，而這正是我們這些設(shè)計(jì)從業(yè)者非常需要的。

參考書(shū)目：

[1]王受之.《世界現(xiàn)代設(shè)計(jì)史》，2002.9.

[2]汪大偉.現(xiàn)代主義設(shè)計(jì)風(fēng)格的UI設(shè)計(jì)之興起.《現(xiàn)代裝飾》（理論），2014（09）：182-184

[3]宋方.析“扁平化”手機(jī)界面設(shè)計(jì).《包裝工程》，2012，33（014）：60-63