扁平化設計在APP領域中的發展探究

梁冬妮

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

關鍵詞：扁平化設計；擬物化設計；方法；發展

一、扁平化設計從何而來

縱觀當代設計史，不難發現扁平化設計的靈感來源于多個時期的多種設計風格。

首先，扁平化設計（flat design）這個概念在2008 年由Google 提出。之后蘋果公司的設計師喬納森·伊夫在iOS7應用系統中大膽改革，把過去追求逼真的擬物化設計（Skeuomorphic）圖標革命性地全部換成扁平圖標，經過蘋果平臺的推廣，這種風格在UI設計中的確立了地位。

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

微軟2010在Windows phone7使用的扁平化Metro圖標明顯是受到20世紀60年代的瑞士風格（Swiss Style）和極簡主義（Minimalism）設計風格的影響。

瑞士風格誕生在1920年代的德國，之后在瑞士廣泛流行，貫穿了上世紀四五十年代。瑞士風格的特點是大量使用網格布局，簡潔而有條理。

極簡主義是1960年代在家居設計領域興起的一個極致的藝術派系。從表現形式與目的上來看，極簡主義與扁平化設計不謀而合：去除所有裝飾，只留下基本要素：幾何形狀的塊面、明亮顏色的填充。

二、扁平化設計與擬物化設計

扁平化設計（flat design）在業界仍存爭議，但是其主要設計特征是公認的，就是摒棄所有能夠做出3D逼真效果的元素：去除表現對象的表皮質感、肌理和對象的逼真度元素的設計方法，在設計上追求一種概念化。使圖標傳達的基本信息重新成為重點被用戶關注。這種風格更強調純凈、符號化的設計，采用鮮明輕快的顏色，并且注重排版的簡潔。可以說扁平化設計完全屬于二維空間，它是與擬物化設計相對的概念。

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

三、扁平化設計的幾個方法

扁平化設計風格憑借其設計優勢成為設計領域的新寵兒，引領APP領域的UI設計并不斷擴展到其他領域。本人總結了幾條設計方法可供參考：

（1）使用簡單的幾何圖形：矩形、圓形等，當今APP的UI圖標幾乎都是圓角矩形組合。

（2）使用清新、明快的色彩，增強圖標的視覺沖擊力。

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

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

（5）可適當采用偽扁平化設計，在扁平化設計中加入少量特效（比如高光），形成比單純扁平化更具適用性和靈活性的設計風格。

四、扁平化設計的優點與缺點

（一）優點

（1）減少設備運行負擔，延長電池使用時間。

（2）圖標信息能更簡練概括地呈現給用戶，減少過度裝飾產生的審美疲勞。

（3）多元化的數字媒體、網站和APP應用程序等多種平臺，包含各種各樣不同的屏幕分辨率和尺寸屏幕尺寸。為了滿足這些需求，必須做多種設計，既繁瑣又費時。這促使UI設計朝著更加扁平的方向發展：更簡約，更理性，有更強適應性。

（二）缺點

（1）降低用戶體驗，產生認知障礙。過于簡單的UI使人摸不著頭腦究竟是什么功能。

（2）在非移動設備上，過度扁平令人感覺冷淡。

（3）最為人所詬病的方面主要還是美感度和辨識度的缺失。過度扁平化和充滿統一感的操作平臺使人產生所有軟件都差不多，很難認得清誰是誰。

五、扁平化設計的發展

回顧扁平化設計在APP領域的發展歷程，并不一帆風順，直到蘋果公司推出了IOS7.0系統，扁平化才大行其道。蘋果公司之所以能夠推動扁平化設計的流行，是基于采用擬物化風格操作平臺的iPhone4的高度熱賣，大眾對蘋果iOS系統圖標已經非常熟悉，大大降低了用戶學習成本。同時伴隨著操作系統的更新，蘋果公司也推出了革命性的硬件作為支撐。

不管是什么設計風格，設計的美在于是否適合。時至今日這股扁平化設計狂潮還逐漸對其它設計領域產生了影響，但如果就此止步不前，遲早會被淘汰。隨著科技發展，扁平化設計也許終將走下流行舞臺。如何深度開發設計的功能性，將設計與產品更好結合，醞釀出獨特設計理念，將是未來設計師們需要解決的問題。

參考文獻：

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

[2]汪大偉.現代主義UI風格的設計之興起[J].現代裝飾，2014（9）.

[3]侯景艷.從符號學角度解讀扁平化設計趨勢[J].科技創新與應用，2014（3）.