扁平化設(shè)計(jì)的前世今生

張遠(yuǎn)

如今扁平化設(shè)計(jì)已經(jīng)成為炙手可熱的一種設(shè)計(jì)風(fēng)格，它是UI設(shè)計(jì)師們對擬物化設(shè)計(jì)的繁重工作量的一種申訴，同時(shí)也是用戶希望關(guān)注設(shè)計(jì)所傳遞的信息本身的訴求。扁平化設(shè)計(jì)在GUI設(shè)計(jì)領(lǐng)域掀起了一陣狂潮，并逐漸對其它領(lǐng)域的設(shè)計(jì)風(fēng)格產(chǎn)生了影響。本文將從時(shí)間的維度來探討扁平化設(shè)計(jì)的發(fā)展歷程，并探求其今后的發(fā)展趨勢。

自從微軟推出了Windows phone手機(jī)系統(tǒng)之后，類似于Metro風(fēng)格的設(shè)計(jì)不僅在手機(jī)界面的領(lǐng)域，其它諸如網(wǎng)頁界面設(shè)計(jì)、展示設(shè)計(jì)、平面設(shè)計(jì)等領(lǐng)域也爭相效仿。在蘋果公司的設(shè)計(jì)師喬納森·伊夫?qū)OS7的應(yīng)用圖標(biāo)從擬物化風(fēng)格設(shè)計(jì)改成扁平化的設(shè)計(jì)風(fēng)格之后，便確立了扁平化的設(shè)計(jì)風(fēng)格在GUI設(shè)計(jì)中的地位。而Metro風(fēng)格可以說是扁平化設(shè)計(jì)的起源，但并不等同于扁平化設(shè)計(jì)。

Windows phone 與 Metro

眾所周知，微軟推出的Windows phone（下稱WP）系統(tǒng)界面的設(shè)計(jì)是參考了2006年著名的Zune播放器使用的UI界面風(fēng)格，而Zune播放器采用的是類似Metro風(fēng)格的設(shè)計(jì)。Metro這種風(fēng)格大量采用碩大突兀的字體，能吸引讀者的注意力。更進(jìn)一步地說，Metro風(fēng)格是國際主義平面設(shè)計(jì)風(fēng)格的一種表現(xiàn)形式。20世紀(jì)50年代期間，在聯(lián)邦德國與瑞士之間形成了一種新的平面設(shè)計(jì)風(fēng)格，稱為“瑞士平面設(shè)計(jì)風(fēng)格”。由于這種設(shè)計(jì)風(fēng)格四平八穩(wěn)，具有強(qiáng)烈的整潔、一絲不茍、工整、理性化的特征，而且信息傳達(dá)功能準(zhǔn)確，因此很流行，成為二戰(zhàn)后影響最大的平面設(shè)計(jì)風(fēng)格，而后被稱為“國際主義平面設(shè)計(jì)風(fēng)格”。所以Metro風(fēng)格非常簡潔，字體極大而顯眼，但卻又不失設(shè)計(jì)感。這正是微軟想要在WP系統(tǒng)界面中想要表達(dá)的內(nèi)涵。

Metro與扁平化設(shè)計(jì)

扁平化設(shè)計(jì)（flat design），這個(gè)概念在2008年由Google提出。其概念是去除多余的透視，紋理，漸變等裝飾效果，讓“信息”本身重新作為核心被用戶關(guān)注，并且在設(shè)計(jì)元素上強(qiáng)調(diào)簡潔、符號(hào)化，在色彩上采用鮮明的顏色，同時(shí)更加注重排版的效果。與之相對應(yīng)的便是擬物化設(shè)計(jì)。然而，表現(xiàn)形式的簡化卻并不意味著減少了設(shè)計(jì)所傳達(dá)的信息，恰恰相反，扁平化設(shè)計(jì)由于去除了擬物化設(shè)計(jì)多余的裝飾和紋理效果，反而將信息以最直白的方式傳達(dá)給了用戶，這與Metro風(fēng)格設(shè)計(jì)的目的是不謀而合的，同時(shí)由于Metro風(fēng)格在時(shí)間上出現(xiàn)得更早，由此可以說Metro風(fēng)格是扁平化設(shè)計(jì)的起源。然而扁平化設(shè)計(jì)并不單純意味著單調(diào)的大色塊，相較于追求簡約至極的Metro風(fēng)格，扁平化設(shè)計(jì)擁有更多的設(shè)計(jì)語義，形態(tài)上也更為多變，它在色彩上不再是單一的色塊，而可以由幾個(gè)顏色一起搭配。由此可以斷定，扁平化設(shè)計(jì)是Metro風(fēng)格的延續(xù)與發(fā)展。

扁平化設(shè)計(jì)與“少即是多”、極簡主義

從設(shè)計(jì)理念來看，扁平化設(shè)計(jì)是密斯·凡德羅的“少即是多”的理念的延續(xù)，而在表現(xiàn)形式上，它與極簡主義有異曲同工之妙。20世紀(jì)30年代，著名的建筑大師密斯·凡德羅提出了“少即是多（less is more）”的理念，他提倡簡化設(shè)計(jì)，反對過度裝飾，希望人們能從“功能主導(dǎo)形式”中找回設(shè)計(jì)的初衷，讓設(shè)計(jì)成為一種為大眾服務(wù)的民主設(shè)計(jì)[1]。如此看來，雖然設(shè)計(jì)的對象不同，但扁平化設(shè)計(jì)的理念卻是“少即是多”的理念一脈相承的。而到了60年代，在家居設(shè)計(jì)領(lǐng)域內(nèi)興起了一個(gè)對抽象表現(xiàn)主義的反動(dòng)而走向極致的藝術(shù)派系，即極簡主義（Minimalism）。極簡主義以簡單到極致為追求，在形式上反對藝術(shù)家自我個(gè)性的表現(xiàn)，常常采用簡單平凡的幾何形態(tài)，重復(fù)或均等分布的手法來塑造外形，突出形態(tài)、材質(zhì)和色彩的本身屬性，避免引起聯(lián)想，消除其它的含義。極簡主義在感官上比較簡約整潔，且在品味和思想上更為優(yōu)雅。從表現(xiàn)形式與目的上來看，極簡主義與扁平化設(shè)計(jì)有簡直不謀而合。

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

由于以擬物化設(shè)計(jì)作為主要UI風(fēng)格的iPhone4的廣泛流行，廣大用戶對蘋果系統(tǒng)已經(jīng)非常熟悉，因此減輕用戶學(xué)習(xí)負(fù)擔(dān)已經(jīng)不再是蘋果公司考慮的首要因素，所以在2013年9月18日，蘋果公司推出了以扁平化設(shè)計(jì)風(fēng)格為主要交互界面的ios7，自此扁平化設(shè)計(jì)才逐漸成為UI設(shè)計(jì)界中備受追捧的風(fēng)格。事實(shí)上扁平化設(shè)計(jì)普及的道路也并非一帆風(fēng)順。如果過分注重感官刺激而忽略精神升華的過程，用戶必然無法擁有完整的審美過程，從而使設(shè)計(jì)不具備審美耐性。視覺上的感官刺激的反復(fù)疊加將會(huì)使人產(chǎn)生審美疲勞，而扁平化設(shè)計(jì)巧妙地繞過了這一點(diǎn)，它注重的是所傳達(dá)的“信息”本身，而并非繁瑣的紋理與裝飾。這正是扁平化設(shè)計(jì)為何比擬物化設(shè)計(jì)更能被人所接受的原因。

在IOS7推出之后，許多第三方安卓系統(tǒng)設(shè)計(jì)公司開始追隨扁平化設(shè)計(jì)風(fēng)格的潮流，比如樂蛙公司推出的lewa系統(tǒng)。除了手機(jī)系統(tǒng)UI之外，扁平化設(shè)計(jì)的浪潮也逐漸席卷了其它諸如網(wǎng)頁設(shè)計(jì)、視覺傳達(dá)設(shè)計(jì)等領(lǐng)域。

小結(jié)

從20世紀(jì)30年代開始，去繁化簡的思想一直活躍在設(shè)計(jì)界中，這種思想滲入了諸多領(lǐng)域，從建筑設(shè)計(jì)，到室內(nèi)設(shè)計(jì)，再到視覺傳達(dá)設(shè)計(jì)和交互界面設(shè)計(jì)，最終形成扁平化設(shè)計(jì)風(fēng)格。它沿承了“少即是多”的理念，綜合了極簡主義與Metro風(fēng)格，并發(fā)展出了自我獨(dú)特的形式，它對各國的設(shè)計(jì)風(fēng)格影響重大，意義深遠(yuǎn)。

（作者單位：重慶師范大學(xué)涉外商貿(mào)學(xué)院藝術(shù)設(shè)計(jì)學(xué)院）