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

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

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

擬物化設(shè)計

1.什么是擬物化設(shè)計

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

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

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

2.擬物化設(shè)計的濫用

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

3.擬物化設(shè)計的局限性

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

扁平化設(shè)計

1.扁平化設(shè)計的背景

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

2.扁平化設(shè)計的風(fēng)格特點

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

扁平化設(shè)計具有如下特點：

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

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

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

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

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

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

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

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

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

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

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

關(guān)于兩種設(shè)計風(fēng)格的思考

1.擬物化的誤解

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

2.準(zhǔn)扁平化設(shè)計

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

關(guān)于在手機界面中的圖標(biāo)設(shè)計運用

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

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

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

結(jié)語

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

（作者單位：湖南師范大學(xué)工程與設(shè)計學(xué)院）

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