扁平抑或擬物？

本文運用對比、案例分析、歸納總結等方式對兩種手機界面設計風格——扁平化與擬物化進行研究。描述其相應的特點與不足，并分析擬物化向扁平化轉變原因。同時也對兩種風格結合產(chǎn)生的“準扁平化風格”進行探究?？偨Y出優(yōu)良的設計應當根據(jù)產(chǎn)品與功能需求來決定，而不是單純依靠外在因素。

近年來，“扁平化”（Flat Design）在手機界面設計的運用越發(fā)頻繁。早在2006年，微軟公司推出的Zune Player媒體播放器，已開始在其軟件界面中運用到扁平化的設計元素，但更多的只是在局部進行探索。2010年，微軟推出Windows Phone手機操作系統(tǒng)，開啟了手機界面全扁平化的先河。Google公司緊隨其后，2011年也將其android 4.0系統(tǒng)全面轉向扁平化風格。而蘋果公司，于2013年9月也正式發(fā)布了基于扁平化風格的iOS 7手機操作系統(tǒng)，徹底轉變自80年代以來，所推崇的擬物化設計風格。

既然談到扁平化，自然也得說到擬物化風格。早在2007年，擬物化設計風格便開始在手機界面設計中流行起來。憑借其良好的體驗，親切的視覺感，使其大獲好評。甚至當扁平化風格初露端倪時，還引發(fā)了諸多批評，認為其無法與擬物化的設計風格相比。但在數(shù)年時間，為何擬物化便受到扁平化風格如此大的沖擊，甚至面臨顛覆，這便是本文所想探討的問題。

擬物化設計

1.什么是擬物化設計

擬物化（Skeuomorphism）的存在，不僅在界面設計，更是一種對于物體表現(xiàn)形式的統(tǒng)稱，在wikipedia里是這樣介紹：“原有對象中某些必需的形式在新的設計中已不再必要，但新設計仍模仿舊有形式，以使新的外觀讓人感覺熟悉和親切?！笨梢钥闯?，擬物化風格主要是模擬現(xiàn)實產(chǎn)品的形態(tài)與質感，通過疊加紋理、材質、高光、陰影等效果將原產(chǎn)品重現(xiàn)，表現(xiàn)出真實世界的物體形態(tài)。擬物化設計最大的特點，就是讓用戶能較快的了解產(chǎn)品，同時使用戶與產(chǎn)品的交互方式也是在模擬現(xiàn)實生活的使用過程。

而在界面設計領域，擬物化設計風格是指利用設計元素來模仿現(xiàn)實中的實物，讓用戶感到親切與聯(lián)系，從而較易入手。如在圖標設計中，記事本代表備忘錄、話筒代表錄音、棋盤代表游戲等。蘋果公司在早期iOS人機界面指南中也提到：“當你應用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作模仿，用戶就能快速領會如何使用它?！?/p>

因此，擬物化風格的優(yōu)勢便是使產(chǎn)品具象化，提升用戶認知度，同時因包含較多現(xiàn)實元素，將原本抽象的內(nèi)容能直觀的傳遞給用戶，降低學習成本，使用戶易于接受。

2.擬物化設計的濫用

蘋果手機在界面設計之初，十分重視擬物化風格的運用。蘋果公司創(chuàng)始人喬布斯曾提到對界面設計的看法，是希望能讓男女老幼，都可在擬物化設計的協(xié)助下，快速掌握手機的使用方法。但是，隨著擬物化風格的推廣，許多設計師卻舍本求末，為了追求華麗的視覺效果，脫離了設計的初衷。譬如在備忘錄軟件的圖標中添加封皮與車工走線效果，為攝影軟件增加華麗的動畫特效等，至于為追求各種光影與質感體現(xiàn)而絞盡腦汁者，更是數(shù)不勝數(shù)。但事實上，過多的裝飾，反倒可能會降低效率與使用流暢度，還會提高開發(fā)成本，使用戶體驗到不必要的繁瑣。

3.擬物化設計的局限性

擬物化的關鍵，在于喚起用戶對現(xiàn)實過程與內(nèi)容的聯(lián)想。但曾經(jīng)被人們所熟知的現(xiàn)實參照物，可能隨著時間推移與科學發(fā)展，逐漸被新事物取代。2007年誕生的第一代iOS 1中，互聯(lián)網(wǎng)視頻網(wǎng)站Youtube的圖標，是一臺復古風格的電視機。這對于當時互聯(lián)網(wǎng)視頻未成為主流的情況下，能使用戶更容易把握到這款產(chǎn)品的功能，同時采用了復古的風格也給人有趣的感覺，使用戶容易聯(lián)想到自己的童年時代。但是，若將這一復古風格的圖標放到現(xiàn)在，便可能會有些突兀。因為Youtube在現(xiàn)在早已成為互聯(lián)網(wǎng)視頻的代表產(chǎn)品，若能減去原本存在的部分細節(jié)，采用大眾所熟知的視頻播放按鈕作為其圖標的主要設計元素，反而更具有代表性。

扁平化設計

1.扁平化設計的背景

在數(shù)字與信息化仍未普及的年代，數(shù)碼產(chǎn)品是作為奢侈品而存在的，用戶不僅具有功能性需求，也在享受其華麗外觀所帶來的滿足感。隨著時代發(fā)展，數(shù)碼產(chǎn)品早已由玩物轉變?yōu)槿粘Ｓ闷?，用戶對其也不再陌生。用戶更在意的是產(chǎn)品能否高效完成任務，而非過多的裝飾效果，同時隨著擬物化風格的普及，用戶或多或少也對其有了一定的審美疲勞。這時，扁平化風格，應運而生。

2.扁平化設計的風格特點

扁平化與擬物化，簡單來說便是對效率與情感價值的不同訴求，當擬物化風格在界面設計中屢見不鮮時，用戶對繁冗的情感表達與隱喻含義不再感冒，像早前因采用擬物化設計風格而大受好評的iBooks閱讀軟件，其模仿現(xiàn)實書本的翻頁動畫與書頁設計，也逐漸開始令人詬病。用戶需求不知不覺已開始向具有高效簡潔特點的扁平化設計風格轉變。

扁平化設計具有如下特點：

（1）簡約化。通常使用鮮艷、明亮的單色色塊進行整體設計。在形態(tài)方面，以矩形、圓形等簡單形狀為主，使整個界面光滑、充滿現(xiàn)代感，呈現(xiàn)極簡主義的設計理念。扁平化風格在手機界面設計中尤為突出，更少的按鈕與選項讓界面整潔美觀，條理清晰。

（2）統(tǒng)一與規(guī)范。扁平化相較于擬物化，由于元素減少，更加注重建立完整一致的心智模型。架構、排版的統(tǒng)一化，色彩運用的規(guī)范化，字體、形態(tài)與整體相適應，都是扁平化設計所追求的。這對設計師在宏觀角度上有了更高的要求。

（3）提升系統(tǒng)效率。在手機界面設計過程中，扁平化風格減少了過多的裝飾，使交互過程中效率得到提升，也因為元素的減少，系統(tǒng)功耗降低，并延長待機時間與提升運算速度。

（4）降低設計資源與成本。科技的進步，使手機的屏幕分辨率獲得了提升。運用擬物化風格，則使細節(jié)處理占用更多數(shù)據(jù)，數(shù)據(jù)量的增加勢必提升系統(tǒng)占用空間。相比而言，扁平化在處理這方面更為得心應手，較少的細節(jié)元素，統(tǒng)一化的范式，都為其增色不少。

（5）減少使用過程的心理負擔。當觸屏手機的屏幕尺寸增大后，用戶的操作范圍也會隨之增加，擬物化中觸控范圍明確的點觸式樣式容易造成使用過程中的不便，也可能在用戶心理上造成疲勞感。而在扁平化設計的過程中，通常是采用模糊的觸控范圍點觸區(qū)域，使用戶在使用過程不會造成太大壓力。（如圖1）

圖1 擬物化與扁平化觸控范圍的差異

（6）突出主題。扁平化設計的交互核心是強調功能性，減弱各種紋理、材質、高光、陰影等擬物化干擾，讓主體信息簡單直觀的展現(xiàn)，減少用戶視覺負擔。

以上的幾條特點也體現(xiàn)了手機界面設計中對于交互設計準則的理解：簡單、高效率以及目的性。

3.扁平化與擬物化的比較

通過對蘋果手機ios6和ios7系統(tǒng)的界面分析，可以看出，前者是擬物化風格為主，以實物為基礎，輔以各種裝飾元素，整體美觀大方，即使是初次體驗的用戶，也可以很好的理解每種應用所具有的功能。后者則主要使用扁平化風格，在視覺上顯得更加輕盈與簡潔，并且傳達的信息清晰明了。在觸屏手機早已普及的今天，后者或許會更符合用戶需求（如圖2）。

圖2 iOS 6系統(tǒng)與iOS 7系統(tǒng)的圖標對比

關于兩種設計風格的思考

1.擬物化的誤解

由于近年來，產(chǎn)生了許多過分強調細節(jié)而違背交互設計要求的擬物化產(chǎn)品，使大眾對擬物化產(chǎn)生了一定的誤解，覺得擬物化風格便是繁瑣、立體的，甚至認為擬物化一定會被扁平化的設計風格所取代。但擬物作為一種設計風格，使用與否應該由產(chǎn)品、環(huán)境以及用戶需求決定，而非一味否定。即使在扁平化風格的設計中，依然能看到擬物化的價值，如圖2中iOS 7系統(tǒng)的Clock（時鐘）圖標，雖然減少了許多細節(jié)，但仍是以時鐘為主要元素的形式呈現(xiàn)，可見其也包含著擬物化風格的元素。

2.準扁平化設計

設計不是一成不變，雖然扁平化在信息化時代具有更好效果，也更符合高效需求，但擬物化依舊有其空間與價值。完全擯棄擬物化元素，只會適得其反。因此，適時誕生了介于兩者之間，一種折中的設計風格，被稱為“準扁平化設計”。其主要以扁平化風格為主，通過弧度、陰影、梯度等細微細節(jié)，引導用戶獲得更好的體驗。既實現(xiàn)了扁平化風格的統(tǒng)一化，同時也避免整體過于“平面化”的情況，不會使新用戶產(chǎn)生無所適從的陌生感。但這種折中風格也引起了一個問題，設計師應當如何把握兩者關系。既要求盡量少的使用擬物化元素，同時也需要保持整體風格的統(tǒng)一，這是一個不小的考驗。

關于在手機界面中的圖標設計運用

（1）擬物化設計。上文提到，擬物化的特點便是能較好處理細節(jié)，產(chǎn)生逼真的視覺效果，所以應用在樂器與游戲類的圖標設計較多。用戶對于樂器與的理解往往來源于生活，而游戲應當以營造真實氛圍來提升趣味性。若兩者使用簡約的扁平化風格，可能很難產(chǎn)生吸引力。

（2）扁平化設計。在目前市場，通常是系統(tǒng)自帶或大眾熟悉的軟件圖標采用扁平化。系統(tǒng)自帶軟件的圖標，以扁平化風格形成統(tǒng)一，而后者軟件的品牌推廣，早已在前期基本完成，用戶已大致對其熟悉，所以圖標運用扁平化風格可以使其與系統(tǒng)呼應，提升整體規(guī)范性。

（3）準扁平化設計。這種折中的設計風格，也已逐漸被大眾所了解與接受。準扁平化設計既不會使新用戶感覺難以上手，也不會使圖標在扁平化風格的界面下顯得突兀。是目前非常流行的設計風格，在各類軟件圖標設計中也都十分常見。

結語

設計是為了完成目標，解決問題。通過以上內(nèi)容，我們了解到在手機界面的圖標設計中應根據(jù)實際情況選擇，元素不同的處理與展示，都會影響用戶最終獲得何種信息，這也是為何三種設計風格都能有其一席之地。在以人為本的需求之上，如何確保企業(yè)與產(chǎn)品的關鍵信息能良好傳達，如何平衡產(chǎn)品的易用性與高效率，都是值得設計師認真思考的。

（作者單位：湖南師范大學工程與設計學院）

作者簡介：成文昊（1991-），男，漢族，湖南師范大學工程與設計學院2014級在讀研究生，研究方向：數(shù)字媒體藝術理論與實踐。