扁平化設計的創新曲線解讀

易西多，袁紅霄

（武漢理工大學 藝術與設計學院，武漢 430070）

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

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

（一）產生背景

首先，信息化成為主要的社會語境特征。當前人們正處于信息時代的洪流之中，信息成為當下最大的生產力，時代成為信息價值論的有力見證。信息時代技術成為主導，技術對于其他行業的沖擊和影響可見一斑。其中，設計學科豐富的廣延性使其與技術的聯系總是十分緊密，因此信息時代語境下必定會催生出符合時代語境的設計語言。

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

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

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

綜上，在以上的條件下，扁平化設計的產生成為必然。隨著時代的發展，一方面用戶心理與體驗放超越了對于視覺表現力的需求得到強調并被置于首位；另一方面，扁平化設計表現出了富有時代精神的設計語言，也滿足了當下人們的審美訴求。可以說扁平化即反映了人們審美取向的變化，也承載了功能需求的轉型。

圖1 微軟Metro圖形界面

圖2 谷歌Material Design圖形界面

圖3 創新曲線

（二）扁平化概念的特點及演進

1．扁平化概念的特點

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

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

2．扁平化概念及演進

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

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

通常將微軟的Metro界面（圖1）作為最先的扁平化設計先例。最早的Metro界面作為一種創新的設計語言被應用于微軟的媒體中心，隨后被移植到微軟的Zune播放器界面之中。2010年，Metro界面被整體應用于Windows手機的操作界面之中。之所以以Metro命名，是因為微軟將現實中地鐵導向牌作為設計靈感，以光滑、快、現代作為主要特征，印刷中的排版式樣被作為主要視覺特征，是根據微軟基于開發代號為“typography-based design language”的實驗目標所衍生的，整體視覺語言被視為是對瑞士平面主義的繼承，其中，網格式的布局、簡潔的圖形語言、單一突出的色塊、無襯線的現代化字體體現出一種理性、秩序的語義。同時，Metro界面將視覺元素進行了層級歸類，根據人們的認知速度將視覺元素按照色彩—圖形—文字的序列進行設計，即人們對于色彩的認知速度大于圖形，對于圖形的認知速度又大于文字。基于以上原則，便不難分析Metro界面的設計語義了，高對比度的色塊中安置著極簡的圖形符號，并輔以較小的文字加以闡明，形成不同的功能區塊。

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

蘋果公司也在iOS7的操作界面中也嘗試擬物化向扁平化的轉型，纖細的字體、規范的圖標導角和簡潔的圖形語言都在顯現著扁平化設計的力量。三家科技巨頭對于扁平化設計的使用使其影響力迅速擴展開來，縱觀各種界面，無論是網頁還是第三方應用的界面設計，無不充斥著扁平化的設計語言。

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

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

二、扁平化概念中蘊含的創新性原理

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

（一） 創新曲線

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

（二）扁平化設計徑在創新曲線上的映射

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

三、扁平化創新曲線解讀的意義

扁平化設計有著創新的一面，但其作為一種設計風格如同任何一種潮流，都會有生命周期，這種潮流一旦向著更為廣闊的領域擴散，便意味著其生命力的消逝。目前的發展趨勢表明，對扁平化風格同質化日益嚴重現狀的批評已經凸顯，如何在扁平化大潮之中區分彼此也成為設計師研究的議題。弗瑞斯特·揚觀察到當今設計界的主流已經演變為以字體為主導的極簡設計風格，這無疑是扁平化影響下的結果，認為在后扁平化時代（post-flat）人們會逐漸脫離扁平化設計的影響，人們更加傾向于與界面產生關聯和互動,圖形用戶界面（GUI）會蛻變為老舊的視覺引導方式，而VUI（語音用戶界面）則有可能在不久的將來成為主流。扁平化設計究竟是一時的設計風尚還是隨著時間推移而演變為經典，需要歷史來驗證。無論如何，扁平化設計的創新屬性豐富了當下的視覺文化，也影響了平面設計、工業設計等領域的設計走向；同時，利用創新曲線對于扁平化創新的解讀，也將有助于對設計潮流和趨勢的把握。■

圖片來源：

圖1：花瓣網，www.huaban.com

圖2：視覺me網站，www.shijue.me

圖3：筆者自繪