扁平化設(shè)計(jì)的創(chuàng)新曲線解讀

易西多，袁紅霄

（武漢理工大學(xué) 藝術(shù)與設(shè)計(jì)學(xué)院，武漢 430070）

一、扁平化概念提出的背景

扁平化設(shè)計(jì)是近幾年最為被人熟知的圖形界面設(shè)計(jì)風(fēng)格。自從上世紀(jì)70年代施樂公司開發(fā)出第一代圖形界面至今，圖形界面一直都是作為人機(jī)交互行為的重要媒介，可視化的界面成為人們獲取信息的最優(yōu)手段。技術(shù)的進(jìn)步、時(shí)代語境的變遷以及人們審美品位的不斷攀升，加之對于用戶行為和心理研究的重視，使得扁平化界面設(shè)計(jì)風(fēng)格的面世成為必然。

（一）產(chǎn)生背景

首先，信息化成為主要的社會語境特征。當(dāng)前人們正處于信息時(shí)代的洪流之中，信息成為當(dāng)下最大的生產(chǎn)力，時(shí)代成為信息價(jià)值論的有力見證。信息時(shí)代技術(shù)成為主導(dǎo)，技術(shù)對于其他行業(yè)的沖擊和影響可見一斑。其中，設(shè)計(jì)學(xué)科豐富的廣延性使其與技術(shù)的聯(lián)系總是十分緊密，因此信息時(shí)代語境下必定會催生出符合時(shí)代語境的設(shè)計(jì)語言。

其次，讀圖時(shí)代的需求。在這樣的時(shí)代語境中，信息成為人類日常生活的必需品。任何一個(gè)適應(yīng)當(dāng)代社會生活的人都必然被信息所裹挾，因此信息過剩、爆炸、熵等現(xiàn)象成為常態(tài)，從傳播學(xué)和新聞學(xué)角度來看，對于信息的“不知情權(quán)”成為當(dāng)代人類的權(quán)力之一。在這樣的語境下，圖像開始彰顯出比文字更為高效的信息傳達(dá)力量，信息的可視化成為必然趨勢，讀圖時(shí)代到來，這為扁平化的設(shè)計(jì)語言提供了產(chǎn)生條件。

第三，對于擬物化設(shè)計(jì)的審美疲勞。人們對于界面視覺語言的改進(jìn)從未停止過，受限于技術(shù)的制約，最先的圖形界面只能以8比特的單色畫面呈現(xiàn)，圖形簡陋單一。隨著技術(shù)的進(jìn)步，三維效果的擬物化界面語言開始進(jìn)入到日常使用場景，這種以繪圖軟件繪制的圖形界面包含著對技術(shù)的炫耀。然而，伴隨著人們對擬物化設(shè)計(jì)的審美疲勞，用戶開始對新的視覺語言有所需求，特別是在后現(xiàn)代社會語境下，多元化的視覺文化使這種需求變得更為理所應(yīng)當(dāng)。

最后，軟硬件視覺語言的呼應(yīng)。在任何一個(gè)時(shí)代，都有著與之相呼應(yīng)的時(shí)代風(fēng)格，無論是文學(xué)、藝術(shù)或是建筑和音樂作品，總是以某種風(fēng)格呼應(yīng)著時(shí)代的精神。盡管后現(xiàn)代社會是去中心化的多元化文化社會，但是也存在著主流的時(shí)代風(fēng)格。扁平化設(shè)計(jì)根植于互聯(lián)網(wǎng)和移動(dòng)設(shè)備，使其使用場景更加地具體化，因此作為軟件的扁平化與作為硬件的產(chǎn)品成為不可分割的整體，在這樣的一個(gè)整體中，軟件與硬件視覺語言的呼應(yīng)也成為人們所關(guān)注的重點(diǎn)：具有現(xiàn)代化、科技感的產(chǎn)品與扁平化圖形界面的設(shè)計(jì)語言高度契合。

綜上，在以上的條件下，扁平化設(shè)計(jì)的產(chǎn)生成為必然。隨著時(shí)代的發(fā)展，一方面用戶心理與體驗(yàn)放超越了對于視覺表現(xiàn)力的需求得到強(qiáng)調(diào)并被置于首位；另一方面，扁平化設(shè)計(jì)表現(xiàn)出了富有時(shí)代精神的設(shè)計(jì)語言，也滿足了當(dāng)下人們的審美訴求?？梢哉f扁平化即反映了人們審美取向的變化，也承載了功能需求的轉(zhuǎn)型。

圖1 微軟Metro圖形界面

圖2 谷歌Material Design圖形界面

圖3 創(chuàng)新曲線

（二）扁平化概念的特點(diǎn)及演進(jìn)

1．扁平化概念的特點(diǎn)

信息直觀、明晰的傳遞是扁平化設(shè)計(jì)首要考慮的重點(diǎn)，一些影響信息傳遞效果的元素被刻意去除，例如紋理、透視、漸變——這些仿物理特性的視覺元素均被弱化，信息作為核心被凸顯。國外對于扁平化設(shè)計(jì)（Flat Design）的概念有著不同的對應(yīng)稱謂，無論是Minimal Design（極簡設(shè)計(jì)）還是Honest Design（誠實(shí)的設(shè)計(jì)），都表現(xiàn)出扁平化設(shè)計(jì)對于事物本質(zhì)的關(guān)注。

扁平化設(shè)計(jì)在視覺效果上強(qiáng)調(diào)簡潔，將視覺元素盡可能的抽象化和符號化，以達(dá)到減少用戶認(rèn)知障礙的目的；在操作上則側(cè)重于用戶的行為和體驗(yàn)，致力于一種良好的用戶溝通渠道，一方面扁平化設(shè)計(jì)加強(qiáng)了機(jī)能和能耗的優(yōu)化，另一方面強(qiáng)調(diào)了用戶在使用場景中的目的性，在排除了影響用戶認(rèn)知的多余性視覺元素之后，使用戶只關(guān)注于內(nèi)容本身，以此提升用戶的使用體驗(yàn)。

2．扁平化概念及演進(jìn)

扁平化在某種程度上是相對于擬物化設(shè)計(jì)（Skeuomorphism）而言的，是一種依據(jù)既有的實(shí)體而滿足一定親和度需求的設(shè)計(jì)方法，通常是通過對于客觀物體的模仿而得以實(shí)現(xiàn)，從圖標(biāo)到操作界面，都可以是擬物化設(shè)計(jì)的應(yīng)用場景，從視覺風(fēng)格上來看，擬物化設(shè)計(jì)更接近于真實(shí)的物體，其設(shè)計(jì)語言致力于還原真實(shí)世界的物像，比如相機(jī)應(yīng)用的圖標(biāo)、音樂應(yīng)用中對于唱片的摹擬；從用戶體驗(yàn)上來看，擬物化的設(shè)計(jì)由于更接近于真實(shí)世界，人們更容易對其進(jìn)行經(jīng)驗(yàn)性的掌握，大大降低了用戶對于軟件的學(xué)習(xí)成本。

依照符號學(xué)理論，從擬物化到扁平化設(shè)計(jì)的過渡，本質(zhì)上是信息符碼的再度編碼——將原有的符號文本改變，使得語義更加明確，使接收者可以更加精確的解碼符號文本。這種由再現(xiàn)式像似符向指示符合規(guī)約符的轉(zhuǎn)向，提高了用戶的認(rèn)知，同時(shí)也減少了視覺障礙和視覺聯(lián)想。

通常將微軟的Metro界面（圖1）作為最先的扁平化設(shè)計(jì)先例。最早的Metro界面作為一種創(chuàng)新的設(shè)計(jì)語言被應(yīng)用于微軟的媒體中心，隨后被移植到微軟的Zune播放器界面之中。2010年，Metro界面被整體應(yīng)用于Windows手機(jī)的操作界面之中。之所以以Metro命名，是因?yàn)槲④泴F(xiàn)實(shí)中地鐵導(dǎo)向牌作為設(shè)計(jì)靈感，以光滑、快、現(xiàn)代作為主要特征，印刷中的排版式樣被作為主要視覺特征，是根據(jù)微軟基于開發(fā)代號為“typography-based design language”的實(shí)驗(yàn)?zāi)繕?biāo)所衍生的，整體視覺語言被視為是對瑞士平面主義的繼承，其中，網(wǎng)格式的布局、簡潔的圖形語言、單一突出的色塊、無襯線的現(xiàn)代化字體體現(xiàn)出一種理性、秩序的語義。同時(shí)，Metro界面將視覺元素進(jìn)行了層級歸類，根據(jù)人們的認(rèn)知速度將視覺元素按照色彩—圖形—文字的序列進(jìn)行設(shè)計(jì)，即人們對于色彩的認(rèn)知速度大于圖形，對于圖形的認(rèn)知速度又大于文字?；谝陨显瓌t，便不難分析Metro界面的設(shè)計(jì)語義了，高對比度的色塊中安置著極簡的圖形符號，并輔以較小的文字加以闡明，形成不同的功能區(qū)塊。

谷歌在安卓系統(tǒng)的4.0版本中，也規(guī)范了相應(yīng)的設(shè)計(jì)語言，去除之前的擬物化設(shè)計(jì)，將卡片式設(shè)計(jì)融入用戶界面，為其Material Design（圖2）奠定了視覺范本。

蘋果公司也在iOS7的操作界面中也嘗試擬物化向扁平化的轉(zhuǎn)型，纖細(xì)的字體、規(guī)范的圖標(biāo)導(dǎo)角和簡潔的圖形語言都在顯現(xiàn)著扁平化設(shè)計(jì)的力量。三家科技巨頭對于扁平化設(shè)計(jì)的使用使其影響力迅速擴(kuò)展開來，縱觀各種界面，無論是網(wǎng)頁還是第三方應(yīng)用的界面設(shè)計(jì)，無不充斥著扁平化的設(shè)計(jì)語言。

扁平化設(shè)計(jì)最先作為一種設(shè)計(jì)風(fēng)格存在，一定蘊(yùn)含了先鋒、實(shí)驗(yàn)、創(chuàng)新等屬性，其中又飽含理性和邏輯思維。其意義和價(jià)值在于：一方面它以解決具體問題為出發(fā)點(diǎn)，成功的將用戶的關(guān)注重點(diǎn)轉(zhuǎn)移到信息本身，它將界面信息的層級進(jìn)行優(yōu)化，通過合體的設(shè)計(jì)，突出重點(diǎn)，優(yōu)化和提升了用戶體驗(yàn)；另一方面，它汲取了瑞士平面設(shè)計(jì)以及極簡主義的設(shè)計(jì)理念，成功的塑造了一種新的設(shè)計(jì)語言。扁平化設(shè)計(jì)將上世紀(jì)的設(shè)計(jì)風(fēng)格從印刷品嫁接到顯示屏之上，流露出更符合時(shí)代審美、更具備時(shí)代精神的藝術(shù)特質(zhì)。

時(shí)至今日，扁平化設(shè)計(jì)已經(jīng)不是一種設(shè)計(jì)趨勢，而是一種設(shè)計(jì)潮流，其影響力遍布生活中各個(gè)使用場景，而在目前語境下，擬物化的設(shè)計(jì)被視為一種過時(shí)的設(shè)計(jì)語言。然而并不是可以認(rèn)為扁平化完全替代了擬物化，二者都是設(shè)計(jì)藝術(shù)在不同時(shí)代語境下的產(chǎn)物，甚至可以產(chǎn)生某些關(guān)聯(lián)，從谷歌的Material Design的設(shè)計(jì)語言中便可以看到擬物化與扁平化風(fēng)格的融合，彌補(bǔ)了扁平化設(shè)計(jì)高學(xué)習(xí)成本、情感化缺失等負(fù)面特性。總之，采用何種設(shè)計(jì)手法依然需要視語境而定，而滿足人們的使用需求和用戶體驗(yàn)依然是放置于首位的。

二、扁平化概念中蘊(yùn)含的創(chuàng)新性原理

不言而喻，扁平化設(shè)計(jì)是一種設(shè)計(jì)創(chuàng)新。宏觀上來看，扁平化設(shè)計(jì)是一種具有科學(xué)性和創(chuàng)造性的活動(dòng)；從微觀上講，扁平化設(shè)計(jì)確立了一種滿足人們審美訴求的新的設(shè)計(jì)語言，同時(shí)帶出了一種新的設(shè)計(jì)趨勢和潮流。作為人類特有的認(rèn)識和實(shí)踐能力，創(chuàng)新是人認(rèn)識世界改造世界的高級表現(xiàn)形式，也是人類文明和社會發(fā)展的源動(dòng)力。設(shè)計(jì)創(chuàng)新是設(shè)計(jì)活動(dòng)與創(chuàng)新思維的有機(jī)結(jié)合，創(chuàng)新思維通過不同的設(shè)計(jì)活動(dòng)得到演繹并將其概念實(shí)現(xiàn)。扁平化與任何創(chuàng)新設(shè)計(jì)一樣擁有自己的生命周期，盡管目前無法預(yù)測其演進(jìn)結(jié)果，但是以作為創(chuàng)新原理之一的創(chuàng)新曲線為理論依據(jù)對其進(jìn)行分析，對于扁平化設(shè)計(jì)的本質(zhì)和發(fā)展態(tài)勢有著積極的作用，同時(shí)對設(shè)計(jì)趨勢和發(fā)展的把握有著一定的指導(dǎo)意義，

（一） 創(chuàng)新曲線

馬丁·雷蒙德以布萊斯·瑞恩和尼爾·格羅斯的觀點(diǎn)提出簡化版創(chuàng)新曲線（圖3）的概念，認(rèn)為任何一種創(chuàng)新的事物從產(chǎn)生到傳播直至消逝，其演進(jìn)過程總是以一種曲線形態(tài)展開。雷蒙德認(rèn)為，對創(chuàng)新傳播演進(jìn)規(guī)律的理解，對設(shè)計(jì)的時(shí)尚和趨勢的把握有著至關(guān)重要的作用。雷蒙德的創(chuàng)新曲線表明了創(chuàng)新事物的傳播規(guī)律，在這條曲線之上，他將創(chuàng)新演進(jìn)分為創(chuàng)新者、早期接受者、早期大眾、晚期大眾、更晚期大眾和落后者幾個(gè)關(guān)鍵節(jié)點(diǎn)，這些節(jié)點(diǎn)用以描述一個(gè)想法、革新或產(chǎn)品開發(fā)如何從文化的邊緣傳遞給那些晚期的大眾。此過程以一個(gè)字母“S”的形態(tài)展開，底部的轉(zhuǎn)彎處被稱之為“雪崩點(diǎn)”，創(chuàng)新事物由此點(diǎn)開始被病毒式的傳播開來并成為潮流，S曲線頂部的拐點(diǎn)被稱為失效點(diǎn)，表述這種潮流開始消逝。

（二）扁平化設(shè)計(jì)徑在創(chuàng)新曲線上的映射

如同大部分創(chuàng)新事物，扁平化設(shè)計(jì)一開始并沒有被大力推廣，基于目前的境況也無法預(yù)測到其潮流衰敗時(shí)的景象，然而扁平化作為創(chuàng)新設(shè)計(jì)一定同其他創(chuàng)新設(shè)計(jì)一樣，演進(jìn)路徑與創(chuàng)新曲線相吻合。當(dāng)微軟將扁平化設(shè)計(jì)植入到Windows Phone系統(tǒng)界面之中時(shí)，同時(shí)期的蘋果、安卓以及其他小眾的智能手機(jī)操作系統(tǒng)依然在沿用擬物化設(shè)計(jì)的圖形界面。所以可以理解為微軟成為扁平化設(shè)計(jì)的創(chuàng)新者和早期大眾，之后的2010年，伴隨著Windows Phone手機(jī)的推出，微軟將扁平化的設(shè)計(jì)風(fēng)格普及到桌面操作系統(tǒng)、網(wǎng)站以及XBOX等周邊產(chǎn)品之中，才將扁平化設(shè)計(jì)推送至創(chuàng)新曲線的雪崩點(diǎn)，扁平化設(shè)計(jì)開始流行開來。雖有2013年蘋果推出Skeuomorphism UI設(shè)計(jì)風(fēng)格以及2014年谷歌的Material Design風(fēng)格，都顯現(xiàn)出向扁平化靠攏的設(shè)計(jì)趨勢，我們可以將蘋果與谷歌視為創(chuàng)新曲線中的早期大眾。由此，扁平化設(shè)計(jì)開始向更為廣泛的群體中擴(kuò)散，至今，扁平化設(shè)計(jì)遍布各種應(yīng)用場景，各種第三方開發(fā)人員作為晚期大眾開始跟隨扁平化的風(fēng)潮，至于扁平化設(shè)計(jì)風(fēng)潮將于何時(shí)進(jìn)入失效點(diǎn)，時(shí)間會給予答案。

三、扁平化創(chuàng)新曲線解讀的意義

扁平化設(shè)計(jì)有著創(chuàng)新的一面，但其作為一種設(shè)計(jì)風(fēng)格如同任何一種潮流，都會有生命周期，這種潮流一旦向著更為廣闊的領(lǐng)域擴(kuò)散，便意味著其生命力的消逝。目前的發(fā)展趨勢表明，對扁平化風(fēng)格同質(zhì)化日益嚴(yán)重現(xiàn)狀的批評已經(jīng)凸顯，如何在扁平化大潮之中區(qū)分彼此也成為設(shè)計(jì)師研究的議題。弗瑞斯特·揚(yáng)觀察到當(dāng)今設(shè)計(jì)界的主流已經(jīng)演變?yōu)橐宰煮w為主導(dǎo)的極簡設(shè)計(jì)風(fēng)格，這無疑是扁平化影響下的結(jié)果，認(rèn)為在后扁平化時(shí)代（post-flat）人們會逐漸脫離扁平化設(shè)計(jì)的影響，人們更加傾向于與界面產(chǎn)生關(guān)聯(lián)和互動(dòng),圖形用戶界面（GUI）會蛻變?yōu)槔吓f的視覺引導(dǎo)方式，而VUI（語音用戶界面）則有可能在不久的將來成為主流。扁平化設(shè)計(jì)究竟是一時(shí)的設(shè)計(jì)風(fēng)尚還是隨著時(shí)間推移而演變?yōu)榻?jīng)典，需要?dú)v史來驗(yàn)證。無論如何，扁平化設(shè)計(jì)的創(chuàng)新屬性豐富了當(dāng)下的視覺文化，也影響了平面設(shè)計(jì)、工業(yè)設(shè)計(jì)等領(lǐng)域的設(shè)計(jì)走向；同時(shí)，利用創(chuàng)新曲線對于扁平化創(chuàng)新的解讀，也將有助于對設(shè)計(jì)潮流和趨勢的把握?！?/p>

圖片來源：

圖1：花瓣網(wǎng)，www.huaban.com

圖2：視覺me網(wǎng)站，www.shijue.me

圖3：筆者自繪