淺談扁平化界面設計之美

張媛園

摘要：美國蘋果公司于2013年6月在WWDC蘋果全球開發者大會上發布了全新的便攜設備操作系統——iOS 7。其界面中應用的標志一律采用了讓人眼前一亮的扁平化設

計（flat design）。盡管這一新穎的設計風格并沒有得到用戶的一致認可，甚至受到一些尖銳的批評，但是它仍舊贏得了業內高度的關注，并被推上了前所未有的高度，它迅速地影響到了整個設計行業

，并成為一種設計潮流。

關鍵詞：扁平化設計、 現代主義風格、后現代主義風格

中圖分類號：TB47文獻標識碼：A文章編號：1006-026X（2014）02-0000-01

一、扁平化設計的定義

扁平化一詞，是相對擬物化而言的。扁平化風格出現之前，便攜設備的界面以skeuomorphic風格為主。所謂skeuomorphic風格，即擬物化的設計風格。在較早版本的蘋果iOS系統和谷歌Android系統應用

的標志設計中，擬物化風格體現地較為明顯。顧名思義，擬物化就是把現實中的事物進行模擬，使標志的形象惟妙惟肖，例如iPhone音樂播放器中充滿金屬質感的滑動音量按鈕、閃閃發亮的錄音話筒、

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

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

元素統統丟棄。所有的元素的邊界都干凈利落。尤其在手機上，更少的按鈕和選項使得界面干凈整齊，使用起來格外簡潔，可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產生

。

絕對意義上的扁平化和擬物化是不存在的。即便是扁平化風格的標志，多少也會存在擬物化的元素，反之亦然。擬物化和扁平化只是彼此相比較而言的。

二、扁平化風格之源

扁平化風格絕非橫空出世，也并不是設計師的靈光乍現。它的出現好比誕生了一種新的藝術流派一樣，并與其他多種藝術風格與形式并存。從歐洲文藝復興開始，到古典主義、現實主義、印象主義、新

藝術運動，再到20世紀的立體主義、表現主義、抽象主義、波普藝術等的出現，藝術由原先的力求再現發展到后來的抽象風格，形式不斷的豐富并且流派也越來越多樣化。藝術走向了一個多元化的發展

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

對于界面設計，很早之前并沒有得到現在如此高的關注度，也沒有當今具有較高設計素養的從業者，大多數情況下都是由程序員一把手完成的。這種情況下，界面的設計往往不夠精致。隨著科學技術的

高速發展，人們的審美需求也在不斷提高，對于界面的精致度有了更高的要求。漸漸地，軟件的設計工作有了更精確地分工，于是界面設計作為一項專業的設計門類也隨之誕生。設計師也傾向于采用細

膩、精致華麗、裝飾感十足的界面效果來吸引消費者的目光。上世紀后半葉出現了一股以強調裝飾為核心的后現代主義思潮。它對現代極簡主義、功能主義進行了強烈的批判。受到這股思潮的影響，過

多精致、華麗的設計元素充斥著人們的眼球。經過長久以來不斷地發展，華麗精致的風格漸漸地也不再得到人們的青睞，復雜的裝飾此時此刻似乎已經成為了一種心理上的負擔。這時，功能主義，極簡

主義為代表的現代主義風格界面設計如一陣清新的風吹向了我們。無須過多的裝飾，一切的信息都以簡潔的方式來呈現，在更短的時間內，我們就能獲得更多的有效信息，而這種方式，無疑更加適合我

們當今快節奏的生活和工作方式。這都為扁平化風格的蓬勃發展提供了良好的條件。

三、界面扁平化設計之美

1.功能之美——提升了訪問信息的效率

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

設計原則被廣泛地傳播開來。現代主義設計的席卷是工業革命蓬勃發展的產物，在機械化大生產的背景下，工業產品鱗次櫛比，建筑紛紛拔地而起，各種傳播媒介層出不窮……雖然物質產品極大的豐富

，但統一的生產標準、管理體系和新的設計觀相對欠缺。現代主義設計通過極簡風格對這些亂象進行了整合和統一，體現出巨大的進步性。扁平化風格同樣具有現代主義的訴求，它追求極致的簡約和純

粹的視覺體驗，通過簡單的形狀和色彩來替代紋理和光影的效果，做到風格上的整齊劃一，以更好的傳達信息。以微軟WINDOWS 8操作系統為例。系統中每一個磁貼都是一個標準的矩形，磁貼之間僅有大

小和顏色的區分，每個磁貼上都附有一個象征功能的標志剪影，來指導用戶進行操作。系統界面進行了大幅度的簡化，并通過良好的排版，使得界面一目了然。與此同時，界面信息量也并沒有減小。通

過滑動和點擊，可以進行不同信息群的橫向切換和同一信息群的深度瀏覽，使得界面條理清晰，提高了用戶的訪問效率。

2.形式之美

扁平化風格雖然在一定程度上對后現代主義設計風格進行了顛覆，但是兩者不可能分道揚鑣。反之，扁平化風格在一些領域又對后現代主義設計進行了進一步的發展。從意識形態上看，后現代主義設計

是對現代主義，國際主義設計的一種裝飾性的發展，主張以裝飾的方法來達到視覺上的豐富。后現代主義設計追求感性，追求形式和感官上的刺激和愉悅。扁平化設計追求極致簡約的特性，似乎與后現

代主義設計的理念背道而馳，然而后現代主義設計所追求的鮮明的個性、美妙的創意、反傳統反常規的表現形式，都在扁平化設計中有很好的體現。

在全新操作系統應用的標志設計上，蘋果設計師不再以試圖再現生活中的實物為追求，而是用簡單的圖形象征應用的功能。為了加深用戶的印象，用鮮艷的色彩，強烈的對比，夸張的造型來設計軟件

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

具創意。

扁平化風格對于許多裝飾效果進行了大膽的拋棄，設計元素的缺乏使得界面非常容易顯得空洞單調，這時，對版面的排列就有了相當高的要求，排版的好壞直接影響視覺效果，甚至會影響用戶體驗。

Facebook一直是扁平化的忠實擁護者，它的登陸界面都是有零3D屬性的設計元素來組成的，良好的排版使Facebook的界面井井有條，富于美感。

結語

電子設備的界面設計形式由擬物化向扁平化的轉變，是一個有繁到簡的趨勢，同時也是設計藝術由再現到表現的發展過程的縮影。扁平化設計并不是空穴來風，它有著相當深厚的理論基礎。它對傳統進

行了批判的繼承，同時又發展出了別具一格的設計風格。對扁平化設計這種國際前沿的設計潮流進行分析研究，有助于發掘出獨特而又新穎的設計語言，而這正是我們這些設計從業者非常需要的。

參考書目：

[1]王受之.《世界現代設計史》，2002.9.

[2]汪大偉.現代主義設計風格的UI設計之興起.《現代裝飾》（理論），2014（09）：182-184

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