摘要：隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展和移動(dòng)終端設(shè)備的快速普及，更多的人開(kāi)始重視智能手機(jī)的使用。而在智能手機(jī)界面設(shè)計(jì)中，出現(xiàn)了兩種截然不同的設(shè)計(jì)風(fēng)格——擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格。作為主要設(shè)計(jì)趨勢(shì)的扁平化設(shè)計(jì)具有相對(duì)于擬物化設(shè)計(jì)風(fēng)格更多的優(yōu)勢(shì)。但不管哪一種視覺(jué)風(fēng)格，精準(zhǔn)的信息傳達(dá)和優(yōu)秀的交互體驗(yàn)才是界面設(shè)計(jì)的根本立足點(diǎn)。

關(guān)鍵詞：移動(dòng)終端設(shè)備 扁平化設(shè)計(jì) 用戶體驗(yàn) 設(shè)計(jì)趨勢(shì)

引言

在互聯(lián)網(wǎng)蓬勃發(fā)展的信息時(shí)代，越來(lái)越多的人開(kāi)始使用移動(dòng)終端設(shè)備。2013版互聯(lián)網(wǎng)報(bào)告顯示，中國(guó)的互聯(lián)網(wǎng)人口已達(dá)5.64億，IDC進(jìn)行的一項(xiàng)用戶相對(duì)情緒指數(shù)調(diào)查表明，智能手機(jī)能給人帶來(lái)聯(lián)系感，興奮感、引發(fā)好奇、興趣并提高生產(chǎn)力。截止至2012年年底，中國(guó)通過(guò)移動(dòng)終端上網(wǎng)的用戶已超過(guò)PC，而從設(shè)備商份額來(lái)看，三星和蘋果已成全球智能手機(jī)市場(chǎng)的雙寡頭：2012/12的數(shù)據(jù)，蘋果為22%，三星為29%。顯而易見(jiàn)，移動(dòng)終端設(shè)備開(kāi)始越來(lái)越多地影響著我們的生活。

而移動(dòng)終端設(shè)備界面設(shè)計(jì)風(fēng)格，也在發(fā)生著改變。毫無(wú)疑問(wèn)，扁平化設(shè)計(jì)會(huì)是2013年移動(dòng)應(yīng)用設(shè)計(jì)的13大精髓之一，無(wú)論是單就界面設(shè)計(jì)而言還是整體的App設(shè)計(jì)，扁平化設(shè)計(jì)都在2012年逐漸盛行起來(lái)，也成為了2013年最為顯著的趨勢(shì)。

1 移動(dòng)終端設(shè)備擬物化設(shè)計(jì)概述

1.1擬物化設(shè)計(jì)的風(fēng)格

擬物化設(shè)計(jì)是指界面設(shè)計(jì)風(fēng)格趨于模仿真實(shí)物體的一種設(shè)計(jì)，擬物化的界面完全或盡可能多地模擬了真實(shí)的世界，從陰影，漸變到高光和材質(zhì)都盡力做到還原物體的本來(lái)面目。擬物化設(shè)計(jì)界面在不論在圖標(biāo)設(shè)計(jì)還是場(chǎng)景交互方面都做到與現(xiàn)實(shí)世界相一致，因此，這種設(shè)計(jì)減少了用戶使用的學(xué)習(xí)成本，使新的用戶在沒(méi)有足夠知識(shí)儲(chǔ)備的情況下根據(jù)擬物化設(shè)計(jì)的高度仿真的形象快速地適應(yīng)。擬物化的設(shè)計(jì)移植了人們現(xiàn)實(shí)生活中的生活習(xí)慣，使生活經(jīng)驗(yàn)變成軟件的操作習(xí)慣，因此可有效地降低用戶教育成本，在進(jìn)行全新軟件設(shè)計(jì)時(shí)，有效地實(shí)現(xiàn)“新”而且“易用”。

1.2擬物化設(shè)計(jì)的癥結(jié)

擬物化界面設(shè)計(jì)的癥結(jié)在于這樣的設(shè)計(jì)方式有時(shí)會(huì)降低用戶的體驗(yàn)。首先，應(yīng)用程序中的模擬物體與現(xiàn)實(shí)中的實(shí)際物體有著相似的外觀，但在使用方式上卻有很大的不同。這就會(huì)直接影響用戶的體驗(yàn)，出現(xiàn)所謂的“恐怖谷”現(xiàn)象。所謂恐怖谷現(xiàn)象是指在一定程度上，我們會(huì)對(duì)一個(gè)類似于人的對(duì)象感覺(jué)同情和受其吸引。但是由于一個(gè)微小的設(shè)計(jì)變化，我們就會(huì)突然感覺(jué)害怕和厭倦。一個(gè)很典型的案例就是蘋果IOS6系統(tǒng)中的電子書應(yīng)用設(shè)計(jì)。在視覺(jué)上它看起來(lái)就是一本書，但當(dāng)用戶用手去觸摸邊界試圖翻頁(yè)的時(shí)候，卻達(dá)不到翻頁(yè)的操作效果，而只能通過(guò)滑動(dòng)或點(diǎn)擊來(lái)完成翻頁(yè)的動(dòng)作，這就與其對(duì)用戶的視覺(jué)唁示完全不一致。

因此，在擬物化設(shè)計(jì)的癥結(jié)就在于，雖然其界面設(shè)計(jì)模仿了真實(shí)的物體，但在交互設(shè)計(jì)中卻沒(méi)有完全與現(xiàn)實(shí)物體相一致，這造成了其設(shè)計(jì)出的產(chǎn)品用戶體驗(yàn)度不夠高。同時(shí)，由于擬物化設(shè)計(jì)需要設(shè)計(jì)出很逼真的效果，設(shè)計(jì)師要花費(fèi)大量的時(shí)間來(lái)模仿真實(shí)的物體。而且在屏幕分辨率不斷提高的今天，單一的分辨率顯然已經(jīng)不能滿足各種各樣的設(shè)備，因此，設(shè)計(jì)師還要為每一個(gè)版本都專門設(shè)計(jì)一套與其分辨率相對(duì)應(yīng)的產(chǎn)品，這就造成了資源的浪費(fèi)。

2 移動(dòng)終端設(shè)備扁平化設(shè)計(jì)概述

2.1扁平化設(shè)計(jì)的來(lái)源

扁平化設(shè)計(jì)最初出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中，微軟公司最初設(shè)計(jì)的Metro風(fēng)格的用戶界面是最初出現(xiàn)在公眾視野中的扁平化設(shè)計(jì)。與當(dāng)時(shí)的ISO系統(tǒng)應(yīng)用不同，Metro風(fēng)格并沒(méi)有擬物化設(shè)計(jì)風(fēng)格的陰影、漸變、紋理和材質(zhì)感，取而代之的是由簡(jiǎn)單的平面圖形組成的色塊與突出的文字信息。而隨后微軟公司推出的Windows8操作系統(tǒng)和Windows Phone操作系統(tǒng)則廣泛地應(yīng)用了這一扁平化設(shè)計(jì)。在蘋果公司推出的IOS7系統(tǒng)后，扁平化設(shè)計(jì)就成為了移動(dòng)終端設(shè)備界面設(shè)計(jì)的主流設(shè)計(jì)風(fēng)格。

2.2扁平化設(shè)計(jì)的定義

扁平化設(shè)計(jì)是指在設(shè)計(jì)中不使用材質(zhì)，陰影，漸變等仿真的視覺(jué)效果，取而代之的是簡(jiǎn)單的色塊和平面圖形，以達(dá)到界面看上去更加“扁”更加“平”的視覺(jué)效果。扁平化設(shè)計(jì)的重點(diǎn)在于以純色塊面和圖形來(lái)代替擬物化模仿真實(shí)物體的設(shè)計(jì)，扁平化設(shè)計(jì)可以以更加簡(jiǎn)單直接的方式把使用者需要的信息展現(xiàn)出來(lái)，這不但節(jié)省了資源，更使用戶能夠快捷方便地進(jìn)行交互。

2.3扁平化設(shè)計(jì)的優(yōu)點(diǎn)

扁平化界面設(shè)計(jì)在視覺(jué)上使用的都是三角形、圓形或者多邊形這種基本形狀和純色的色塊，這些簡(jiǎn)單的二維圖形使視覺(jué)復(fù)雜性變?nèi)?，從而使用戶不?huì)把精力過(guò)多地放在圖形本身，這樣便強(qiáng)調(diào)了信息內(nèi)容本身。它最大的優(yōu)點(diǎn)就在于界面設(shè)計(jì)大大簡(jiǎn)化，用戶不會(huì)被繁冗的平面效果干擾從而把更多的焦點(diǎn)放在實(shí)際內(nèi)容上。

其次，扁平化設(shè)計(jì)由于設(shè)計(jì)元素都是矢量圖形，其應(yīng)用的適應(yīng)度也比較高，一個(gè)版本就可以兼容不同分辨率屏幕的移動(dòng)終端設(shè)備，這樣不僅節(jié)約了資源，同時(shí)也大大減輕了設(shè)計(jì)師的工作量。

最后，扁平化設(shè)計(jì)與擬物化設(shè)計(jì)的區(qū)別不僅在于扁平化在視覺(jué)上看上去更“扁”更“平”，在內(nèi)容、功能以及信息架構(gòu)上都與擬物化設(shè)計(jì)有著一定的區(qū)別。在內(nèi)容方面，扁平化設(shè)計(jì)拋棄或隱藏了一些不重要的內(nèi)容信息，把主要的內(nèi)容保留在了一級(jí)界面上，而把一些用戶不常用或是相對(duì)不重要的內(nèi)容放在了二級(jí)界面或是其他層級(jí)的界面中。這樣的設(shè)計(jì)使得用戶對(duì)于一級(jí)界面能夠有充分的把控，不會(huì)被一些次要的不重要的信息所干擾，提高了使用者的使用效率，提升了用戶的交互體驗(yàn)。在功能方面，扁平化設(shè)計(jì)同樣省去了一些不重要的功能，突出了主要的功能，不但使得功能界面更加簡(jiǎn)潔使用戶能夠一目了然，同時(shí)也節(jié)省了用戶在所有功能中找到某一功能這一過(guò)程的時(shí)間。在信息架構(gòu)層面上，扁平化設(shè)計(jì)對(duì)信息的層級(jí)進(jìn)行了縮減，形成了較少的信息層級(jí)關(guān)系，這使得用戶通過(guò)較少的跳轉(zhuǎn)或操作就能找到想要的信息。這不但方便了用戶的使用，還節(jié)省了用戶的時(shí)間和流量，因?yàn)槊看谓缑娴奶D(zhuǎn)都會(huì)使用戶的流量受到損失。同時(shí)，由于在移動(dòng)終端設(shè)備中，界面的跳轉(zhuǎn)比網(wǎng)頁(yè)更加復(fù)雜，手機(jī)客戶端需要一層一層的返回，因此，扁平化設(shè)計(jì)較少的信息層級(jí)關(guān)系不論是在節(jié)省時(shí)間還是優(yōu)化使用流程方面都做的更好。

2.4扁平化設(shè)計(jì)的局限

扁平化相對(duì)于擬物化來(lái)說(shuō)則有一定的認(rèn)知門檻，如初次使用移動(dòng)終端設(shè)備的少兒或互聯(lián)網(wǎng)方面知識(shí)儲(chǔ)備量不足的老人，這些用戶在使用扁平化設(shè)計(jì)風(fēng)格的移動(dòng)終端設(shè)備時(shí)，可能會(huì)產(chǎn)生認(rèn)知障礙，因?yàn)楸馄交缑嬖O(shè)計(jì)風(fēng)格相對(duì)于擬物化設(shè)計(jì)風(fēng)格來(lái)說(shuō)更加抽象，這些抽象的色塊并不能使初學(xué)者用戶產(chǎn)生對(duì)現(xiàn)實(shí)世界的聯(lián)想。界面中的一些細(xì)節(jié)對(duì)于用戶能否順暢地使用應(yīng)用，起到了至關(guān)重要要的作用：按鈕上帶有輕微漸變的圓角設(shè)計(jì)，表單部分淺淺的陰影效果，導(dǎo)航欄輕微懸浮的效果。如果去除這些細(xì)節(jié)，界面中的每個(gè)元素都將被置于同一水平面，用戶在使用時(shí)將不可避免地產(chǎn)生疑惑：這是一個(gè)按鈕還是一個(gè)banner？如果我點(diǎn)擊它，會(huì)出現(xiàn)什么？

3 扁平化設(shè)計(jì)的發(fā)展趨勢(shì)

扁平化設(shè)計(jì)的流行并不一定代表了越簡(jiǎn)單的設(shè)計(jì)就是越好的設(shè)計(jì)，在很多情況下，越簡(jiǎn)單的設(shè)計(jì)往往越難以把握。用過(guò)windowsPhone的用戶可能已經(jīng)用過(guò)很多設(shè)計(jì)質(zhì)量低下的軟件，簡(jiǎn)約的設(shè)計(jì)并不好做，因?yàn)樯杂幸稽c(diǎn)瑕疵就會(huì)很容易被凸顯出來(lái)。因此，在扁平化設(shè)計(jì)風(fēng)格中，對(duì)于顏色，圖形以及文字排版的細(xì)節(jié)的把控是至關(guān)重要的。怎樣恰到好處地表現(xiàn)出圖形和文字所應(yīng)該傳達(dá)的信息，是每個(gè)設(shè)計(jì)師所面臨的最大的挑戰(zhàn)。所以，對(duì)于簡(jiǎn)單圖形的處理，對(duì)于顏色的搭配，以及對(duì)于文字的排版，這些方面的設(shè)計(jì)成為了扁平化設(shè)計(jì)能否走向成功的重要因素，而這也是扁平化設(shè)計(jì)所帶來(lái)的設(shè)計(jì)的重要趨勢(shì)。

同時(shí)，扁平化設(shè)計(jì)并不僅僅是指界面風(fēng)格相對(duì)于擬物化設(shè)計(jì)更“扁”更“平”，更重要的是扁平化設(shè)計(jì)在信息、結(jié)構(gòu)方面的扁平。扁平化的設(shè)計(jì)思想是讓設(shè)計(jì)者在設(shè)計(jì)信息架構(gòu)的過(guò)程中減少信息層級(jí)的一種思想。減少信息層級(jí)就是讓用戶能夠在盡量少的操作下獲得盡量多的信息。比如在移動(dòng)終端設(shè)備中，用戶想要得知當(dāng)前的電池剩余電量時(shí)需要通過(guò)點(diǎn)擊電池管理的相應(yīng)軟件才能獲取相應(yīng)的信息。這個(gè)過(guò)程完全可以用扁平化設(shè)計(jì)思想將其改進(jìn)成在電池的圖標(biāo)上實(shí)時(shí)顯示出當(dāng)前電量，這樣用戶就可以不需要操作即可得知其想要的信息。圖標(biāo)不僅僅是應(yīng)用程序本身的入口，更是一個(gè)信息的載體。因此，數(shù)據(jù)可視化是扁平化設(shè)計(jì)的重要發(fā)展趨勢(shì)之一。

最重要的是，扁平化設(shè)計(jì)相對(duì)于擬物化設(shè)計(jì)風(fēng)格來(lái)說(shuō)，把更多的關(guān)注放在了交互方面。高度地?cái)M物化使設(shè)計(jì)師把很多的精力局限在了怎樣做好界面效果上，而在人機(jī)交互方面卻比較缺失，這導(dǎo)致了用戶在使用時(shí)雖然看到了逼真的物體效果，但卻無(wú)法感受到與實(shí)際使用效果相符的交互體驗(yàn)，而扁平化設(shè)計(jì)則更多地關(guān)注如何使用戶得到更好的用戶體驗(yàn)以及怎樣提高用戶使用效率。不論外觀如何華麗逼真，也不論效果多么炫目多彩，最終吸引用戶的一定是其出色的內(nèi)容和優(yōu)秀的用戶體驗(yàn)。因此，注重實(shí)際內(nèi)容和用戶體驗(yàn)也是扁平化設(shè)計(jì)發(fā)展的重要趨勢(shì)之一。

4結(jié)語(yǔ)

不可否認(rèn)，扁平化已經(jīng)成為了當(dāng)前移動(dòng)終端設(shè)備界面設(shè)計(jì)中的流行趨勢(shì)。但單從視覺(jué)方面來(lái)說(shuō)，不管是簡(jiǎn)約的扁平化設(shè)計(jì)還是逼真的擬物化設(shè)計(jì)，都是眾多設(shè)計(jì)中的一種而已，任何一種設(shè)計(jì)走向極端都不是一件好事。扁平化并不是僅僅因?yàn)槠湟曈X(jué)上的簡(jiǎn)約而受到用戶的歡迎，擬物化也并沒(méi)有被時(shí)代所拋棄，扁平化設(shè)計(jì)更簡(jiǎn)單的信息層級(jí)以及擬物化設(shè)計(jì)更容易被人理解的視覺(jué)形象都是兩個(gè)設(shè)計(jì)風(fēng)格中相互所不能取代的。無(wú)論是華麗逼真的擬物化設(shè)計(jì)還是簡(jiǎn)約淡雅的扁平化設(shè)計(jì)，其最終的目的都是為了能給用戶帶來(lái)更好的使用體驗(yàn)。因此，無(wú)論哪種設(shè)計(jì)風(fēng)格，優(yōu)秀的交互體驗(yàn)才是界面設(shè)計(jì)的根本立足點(diǎn)。