李佳

摘 要：擬物化設計曾經在界面設計的發(fā)展中扮演者引領潮流的角色。“扁平化設計”是近年來嶄露頭角的設計風格。文章具體闡述和分析了擬物化設計盛行和沒落的發(fā)展歷程、原因及扁平化設計的特點；并針對業(yè)界所爭執(zhí)的孰是孰非的熱議現象表明觀點：好的設計是適合的設計，設計的本質不在于外觀形式，而在于強調信息結構的組織性和優(yōu)良的用戶體驗。

關鍵詞：界面設計 扁平化 擬物化

檢 索：www.artdesign.org.cn

Abstract ：Skeuomorphism had led the development trend and played a pivotal role in interface design for decades. The flat design became popular and prevailing recently. This paper not only elaborated the development process of Skeuomorphism， analyzed the reasons for these changes， but described the key features of the flat design simultaneously. The author expressed the view on the arguable “hot spot” in the nature of design， and concluded that “Good design was not just focus on the style， it would serve the object properly， the crucial issue was providing good user experience with organized and logical information.”

Keywords ：Interface Design， Flat Design， Skeuomorphism

Internet ：www.artdesign.org.cn

2013年，“扁平化設計”一詞在交互設計業(yè)界大概是被提及最多的大熱詞匯。事實上早在2006年，當微軟推出的一款mp3播放器zune的界面時，扁平化的設計風格已初見端倪，但由于產品本身的推廣不力，尚未形成熱潮。2012年，當微軟公司揭開windows8的神秘面紗那一刻，其鮮明簡潔的扁平化風格界面再次引起業(yè)界及用戶的熱議。一度推崇擬物化風格多年的蘋果公司，在公司高層動蕩過后，新任副總裁Johnthan Ive曾表示過厭惡擬物化風格，2013年9月全新推出的ios7也正是以其全新的扁平化展示于大眾，全面轉化了多年來蘋果公司所塑造的視覺形象。

談及扁平化設計，與之伴隨的另一詞匯“擬物化設計”因為與之大相徑庭的設計原則與表現風格，常常被同時提及并與之比較。曾幾何時，擬物化設計風格引領界面設計潮流多年，可謂風聲水起，千萬設計師瘋狂追尋樂此不疲。而如今又為何遭受扁平化設計的沖擊，甚至面臨被顛覆的狀況呢？

一、擬物化設計

（一）什么是擬物化設計

所謂擬物化（Skeuomorphism），原本是希臘詞匯，在wikipedia里是這樣解釋的：“擬物化是指對象保留了舊時特質的裝飾性元素，這些元素對于當前對象的功用已不再必要。”擬物化曾一度在材料應用領域廣泛使用，比如人造革，仿木紋的塑料地膠，都屬于擬物化。

在數字界面領域里，擬物化設計起源于圖形界面（GUI）的視覺隱喻（Visual Metaphor）。往往指界面設計模仿現實物質世界中的事物，以使其外觀讓人感覺熟悉和親切。比如桌面、文件、文件夾、回收站這樣的概念都是基于桌面系統(tǒng)的隱喻。繼1984年蘋果公司的Macintosh推出后，這種隱喻也廣泛應用于windows、Mac OS X、Linux等桌面操作系統(tǒng)以及移動裝置，并逐漸被大眾所熟悉。可以說，是擬物化設計用直觀易理解的物象將數字世界抽象的概念表現出來，大大加快了普通大眾接受數字信息的步伐。

對于那些對數字世界不甚了解的人群，擬物化設計幫助他們將虛擬世界用戶不熟悉的內容與現實世界用戶所熟悉的物象產生聯系，使其更易理解。蘋果公司的ios系統(tǒng)的人機界面指南里曾經說到，“當你應用中的可視化對象和操作按照現實世界中的對象與操作模仿，用戶就能快速領會如何使用它?！睘榱俗層脩粲X得真實親切，擬物化設計注重視覺元素的精細、層次、用光等，以期創(chuàng)造出逼真的形象。

（二）擬物化的濫用

當擬物化風格逐步在界面設計領域占據主導地位后，似乎逐步陷入一種怪圈。眾多設計師投入過多精力到諸如反復修整皮革背景紋理或反復調整投影角度的工作中，反而忽略了交互行為本身。而事實上光影是否真實，質感是否逼真并不能使用戶更有效率地完成任務。眾多界面擬物化的濫用及過度設計，產生了很多不易用，給用戶帶來負擔的產品。

擬物化設計往往試圖給予用戶共鳴，如果產品的外觀展現得越逼真，用戶使用時越容易預先產生一種與原來對象特性相同的期待。然而由于產品特性、操作方式和原有參照物存在諸多不同，新產品無法給予用戶原本期待的物理反饋。這種逼真感反而會使用戶在進行操作時感到受挫或無所適從。

以Quicktime4播放器界面的音量調節(jié)設計為例（圖1）。傳統(tǒng)的真實世界的播放器是用旋鈕來調整音量的，用大拇指可以很容易地完成操作?？墒欠胖迷诮缑嬷械男o并不能有真實的觸感，需要用指針艱難地向上滑動，旋鈕暴露的部分很少，可能需要用戶多次拖拽放才能完成操作。雖然設計者可能也認識到了這個問題，另外添加了可通過鼠標指針調整音量的功能，用戶需要在旋鈕附近點擊并拖拽。但是這個功能常常不被用戶所知，因為沒有任何提示顯示可以用這種方式操作。顯然，從用戶體驗和人機工學的角度，這個旋鈕的設計是失敗的。在其Quicktime5版本中這個音量調節(jié)的旋鈕被去掉了。因此，不論其表面看來多么逼真，質感多么接近現實，只要不能讓用戶覺得好用就不是個好的設計。endprint

（三）擬物化設計也有其自身的局限性

擬物化設計常常用一個具體的物象喚起人們對于某種經驗的聯想，這一具體的物象由于文化的差異性往往不能在所有地域產生同樣的效果。

隨著科技的發(fā)展，曾經在一個時間段廣泛普及的參照物本身可能已經不再是被頻繁使用，甚至已經被歷史淘汰，那么原有的設計也不得不相應作出調整。至今仍被廣泛使用的儲存圖標，是一個磁盤的圖形，對于很多現在的青少年，他們從未經歷過那個需要用3.5寸盤儲存1.44M文件的年代，對于他們來說，這個擬物已經失去意義了，他們只是在記住圖形本身而已。

二、扁平化風格

（一）時代背景：數碼產品神秘感不在，人們更關注效用

在數碼產品不是那么普及的年代，擁有一臺電腦，一部手機或許是一種奢侈品，而不曾擁有的人如有機會把玩也會對于各個按鈕或圖標試試新鮮，而后再為其逼真細膩的視覺風格感嘆一番。而如今隨著科技的發(fā)展，智能手機、觸屏對于大眾已不再陌生。在人人都有電腦，人人有手機的時代，數碼產品的普及已經使得一切不再新鮮，人們更傾向于數碼產品是否可以快速地幫助他們達到目的，是否高效。與之同時，也已經不需要通過擬物化去降低學習成本了，擬物的使命至此已經終結。

（二）扁平化風格——界面設計的極簡主義

猶如20世紀60年代，在建筑設計領域極簡主義風格的興起是源于對當時代過度裝飾的顛覆一樣，扁平化設計也以其簡潔明了的風格一反擬物化強調效果、裝飾性的特點，成為了2013年應用設計最顯著的趨勢。

擬物化風格在主宰界面設計多年之后，大眾也逐漸對其從最初的震撼吸引變?yōu)榱曇詾槌?，甚至審美疲勞。風格潮流的輪回至此，將扁平化設計風格推到了風口浪尖。

扁平化設計的特點：

1.拒絕特效。扁平化設計以二維形態(tài)示人，放棄一切裝飾效果。和擬物化設計強調的質感光影不同，扁平化設計摒棄一切諸如浮雕、投影、高光等特效，僅以鮮明的色塊和突出的文字信息呈現。

2.簡潔的視覺形態(tài)。扁平化設計通常盡量使用最簡單的幾何形，如圓形或長方形的形態(tài)特征，使圖形簡潔突出，方便點擊。

3.強調色彩鮮明。扁平化設計常常用色鮮明，傾向于有更多色彩的搭配，同一界面的配色可能到6-8種顏色。

4.重視排版。排版不僅僅是關于視覺美學，更是一門信息組織的學問。了解用戶的需求，在合適的地方以適當的字體字號呈現，展現清晰的視覺層次，幫助用戶更有效的達到預期目的，會有助于提高用戶體驗。

5.做減法。包豪斯時期米斯凡德羅所提出了“少即是多”的設計原則，扁平化設計可以說是在界面設計中充分地詮釋了這一理念，即強調對于一切視覺元素做減法，避免不必要的元素出現在頁面中。

德國著名產品設計師 Dieter Rams曾經提出關于“什么是好設計”的十條原則，其中一條就是“盡可能簡潔的設計——少，但是更好。因為把精力都集中在最精華的部分，設計應回歸純粹，回歸簡約?！?/p>

這樣的特點也正好反映了交互設計中一貫強調的可用性原則，用戶需要什么就給他們什么，過多的不必要元素的放置是在制造視覺噪聲，給用戶帶來負擔。

通過比較部分蘋果ios6和ios7的界面，扁平化設計的風格相對于之前的擬物化顯得更加開闊和敞亮，同樣的篇幅內容如果加入3d光影效果，容易顯得擁擠，信息量受限。后者平面化的效果通過單純的色彩變化，去除了視覺噪聲，反而更突出了操作內容。（圖2）

（三）扁平化設計是否適用于所有設計？

好的設計是適合的設計。扁平化設計的視覺風格對于信息量大，層級多的網站來說非常適用，使用戶可以快速清晰地找尋所需的信息。但是對于角色扮演類游戲網站，或者電影宣傳網站就未必是個好的選擇。這種類型的網站，更側重于營造某種氛圍，使用戶沉浸其中，所以視覺的震撼是必不可少的部分。

另外，一些界面中的細節(jié)，淺淺的陰影或輕微的懸浮效果對于信息分層上還是發(fā)揮了效果，若恪守絕對扁平化的風格，所有的視覺元素將會被置于同一平面，用戶在使用時有可能產生疑慮，到底哪些地方可以點擊?？此坪唵蔚谋馄交O計其實面臨的是更大的挑戰(zhàn)。

三、被誤讀的擬物化和扁平化

由于眾多強調細節(jié)層次的擬物化的涌現，使得很多時候被大眾將擬物化完全等同于寫實主義，認為擬物化一定是復雜繁瑣的，立體的，而扁平化就是擬物化的對立面。事實上，是二維還是三維只是表現形式的差異，并不能從本質涵義上將二者對立。扁平化的表現形式雖然簡潔，但從其所包含的涵義來說也未必不能是擬物的。比如在蘋果ios7里的camera，clock圖標，就是一個典型的扁平化的表現形式，但是其根本實質卻還是擬物的。（圖3）

四、設計的本質是給用戶提供有效的服務和良好的體驗

設計，是為了完成任務，解決問題?？捎眯院陀脩趔w驗比外觀更重要。如何高效地幫助和指導用戶完成他們想做的事，是設計的根本。用戶看重的是完成任務流程的順暢程度和完成過程中的感受。

信息的組織性和展示方式很大程度決定了最終接收信息的效果。應該確保最重要的信息最先被發(fā)現。相對擬物化風格為追求逼真和細節(jié)而帶來諸多視覺元素之間的復雜關系，扁平化設計風格視覺元素簡潔單純，更容易突出重點。

一些界面中的細節(jié)，淺淺的陰影或輕微的懸浮效果對于信息分層上還是發(fā)揮了效果，若恪守扁平化的風格，所有的視覺元素將會被置于同一平面，用戶在使用時有可能產生疑慮，到底哪些地方可以點擊。解決這樣的問題可以通過大小、空間、距離、色彩的對比讓需要被最先關注的對象更突出?？此坪唵蔚谋馄交O計其實面臨的是更大的挑戰(zhàn)。

結語

在設計的歷史長河里，潮流終有輪回，一種風格盛行到一定程度容易使大眾產生審美疲勞，在此背景下另一種與之迥異的風格凸顯出來是時代發(fā)展的必然。扁平化設計與擬物化設計談不上孰是孰非，也談不上絕對的對立，討論它們二者誰更好就像爭論到底哪種顏色最美一樣沒有必要。它們只是不同的視覺風格，對于設計師來說，更重要的是研究把什么樣的形式運用在合適的對象上。

參考文獻

1 Alan Cooper， Robert Reimann，David Cronin.About Face 3；交互設計精髓[M]，劉松濤等譯，北京：電子工業(yè)出版社，2012.

2 Robert Hoekman， Jr.瞬間之美[M]，向怡寧譯，北京：人民郵電出版社，2009.

3 王受之.世界現代設計史[M]，深圳：新世紀出版社，1996.

4 傅小貞，胡甲超，鄭元攏.移動設計[M]，北京；電子工業(yè)出版社，2013.endprint