GUI設(shè)計(jì)中情感與體驗(yàn)研究以擬物化和扁平化為例.pdf

1、很多關(guān)于UI用戶界面設(shè)計(jì)或者GUI圖形用戶界面的研究討論在圍繞著制作技術(shù)進(jìn)行，比如設(shè)計(jì)是什么樣的流程、圖標(biāo)是什么樣的尺寸、什么樣的繪制工具、什么樣的文件格式、什么樣的下拉菜單、網(wǎng)頁代碼如何編寫等等。但是用戶界面作為應(yīng)用設(shè)計(jì)并不只是軟件應(yīng)用和界面設(shè)計(jì)師的技術(shù)展示或者僅僅是技術(shù)層面的研究，用戶在使用過程中產(chǎn)生的情感和體驗(yàn)才是應(yīng)用軟件和設(shè)計(jì)風(fēng)格能否獲得長久生命力的關(guān)鍵。
　　本文從情感和體驗(yàn)的角度入手，在研究了GUI基本設(shè)計(jì)原理之后，分

2、析當(dāng)下GUI圖形用戶界面設(shè)計(jì)的兩種主流設(shè)計(jì)風(fēng)格：擬物化設(shè)計(jì)風(fēng)格（Skeuomorphism）和扁平化設(shè)計(jì)風(fēng)格(Flat Design)。最后理論指導(dǎo)實(shí)踐，嘗試功能性的網(wǎng)頁設(shè)計(jì)。
　　隨著計(jì)算機(jī)、互聯(lián)網(wǎng)和蜂窩式網(wǎng)絡(luò)數(shù)字移動(dòng)電話的發(fā)展和普及，GUI圖形用戶界面（Graphical User Interface）已經(jīng)成為當(dāng)今主流的用戶界面表現(xiàn)方式，承載著軟件應(yīng)用與用戶產(chǎn)生交互行為的重要責(zé)任。成功的GUI圖形用戶界面設(shè)計(jì)能觸發(fā)用戶積極的情

3、感反應(yīng)產(chǎn)生良好的使用體驗(yàn)，甚至?xí)⑶楦新?lián)系，從而產(chǎn)生品牌效應(yīng)。
　　隨著計(jì)算機(jī)應(yīng)用技術(shù)的發(fā)展，擬物化設(shè)計(jì)風(fēng)格（Skeuomorphism）在圖形用戶界面設(shè)計(jì)中一直得到了普遍的認(rèn)可和廣泛的應(yīng)用。因?yàn)檫@種將用戶與用戶界面的交互方式模擬成現(xiàn)實(shí)生活中使用的物品外觀和使用方式的設(shè)計(jì)風(fēng)格，可以讓用戶一眼就認(rèn)出正在使用的是什么物品，只要有現(xiàn)實(shí)生活中的使用經(jīng)驗(yàn)，不需要學(xué)習(xí)也可以使用受眾的應(yīng)用軟件。
　　當(dāng)觸屏蜂窩式網(wǎng)絡(luò)數(shù)字移動(dòng)電話開始替代

4、鍵盤蜂窩式網(wǎng)絡(luò)數(shù)字移動(dòng)電話的時(shí)候，作為新形式的蜂窩式網(wǎng)絡(luò)數(shù)字移動(dòng)電話，為了讓用戶能夠更快的接受和熟練使用，就必須使用戶界面看上去更加親切直觀，因此，擬物化風(fēng)格的設(shè)計(jì)得到了大量的應(yīng)用，電燈的開關(guān)，仿真的儀表盤、皮革質(zhì)感的筆記本、收音機(jī)上的旋鈕這些設(shè)計(jì)曾經(jīng)一度成為 iOS的代表性設(shè)計(jì)。這些擬真的用戶界面設(shè)計(jì)帶來的不單單是親切熟悉的情感和體驗(yàn)，還有可以跨越時(shí)間和空間的對擬真技術(shù)的驚嘆和模擬操作的趣味。
　　但是，在日新月異的技術(shù)發(fā)展中，

5、軟件應(yīng)用的功能越來越多已經(jīng)遠(yuǎn)遠(yuǎn)超過了現(xiàn)實(shí)生活中同類物品的功能，所以在用戶界面設(shè)計(jì)中一味的追求擬物化設(shè)計(jì)風(fēng)格會(huì)限制住應(yīng)用軟件的功能，因?yàn)楝F(xiàn)實(shí)中有的形態(tài)已經(jīng)不能完美的成為軟件功能的載體。更甚至是應(yīng)用軟件具有的功能在現(xiàn)實(shí)中根本找不到對照物，再加上過度擬真的用戶界面設(shè)計(jì)會(huì)增加設(shè)計(jì)成本且不能帶來成正比的效益、信息時(shí)代爆炸般的信息量等等因素，扁平化設(shè)計(jì)風(fēng)格(Flat Design)繼擬物化設(shè)計(jì)風(fēng)格之后迎來了自己的春天。
　　扁平化設(shè)計(jì)(Fla

6、t Design)就是在設(shè)計(jì)的手法上，去掉所有三維表現(xiàn)效果。簡潔的圖形用戶界面設(shè)計(jì)去掉了冗余的裝飾，有力的突出了其內(nèi)容本身，使界面的識(shí)別和使用變得更有效率，用戶可以直奔主題的完成目標(biāo)。接近極簡主義的設(shè)計(jì)形式簡直是把人們從信息的洪流中釋放出來，方舟一般的給人喘息的空間。加上其豐富絢麗的色彩和卡通化的設(shè)計(jì)特征，很快的得到了年輕一代用戶群體的認(rèn)可和喜愛。
　　在兩種設(shè)計(jì)風(fēng)格發(fā)生激烈碰撞的同時(shí)，關(guān)于擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格的爭論也有

7、很多，當(dāng)扁平化設(shè)計(jì)風(fēng)格風(fēng)頭正盛的時(shí)候很多聲音都在“預(yù)言”著扁平化設(shè)計(jì)風(fēng)格必將取代擬物化設(shè)計(jì)風(fēng)格。但本文作者認(rèn)為，萬變不離其宗的是“形式服從于功能”。也許信息量較大的閱讀類或者咨詢類的應(yīng)用產(chǎn)品盡可能的使用扁平化設(shè)計(jì)能排除視覺干擾、提高效率，但是模擬操作類的應(yīng)用，比如吉他、駕駛儀盤等應(yīng)用如果使用了扁平化風(fēng)格來設(shè)計(jì)，一定會(huì)味道全無。表硬要偏激的去證明哪一種設(shè)計(jì)風(fēng)格是優(yōu)秀的、哪一種設(shè)計(jì)風(fēng)格是糟糕的必將淘汰的都是沒有意義的討論。所謂盛極必衰，物極

8、必反，設(shè)計(jì)風(fēng)格也無法逃離這樣的命運(yùn)，當(dāng)某一種風(fēng)格被完全普及以后，想要讓新的設(shè)計(jì)脫穎而出，就要反其道而行之。GUI圖形用戶界面設(shè)計(jì)是以功能為核心、以用戶體驗(yàn)為標(biāo)準(zhǔn)在科學(xué)技術(shù)的發(fā)展和普及下不斷的發(fā)展。不論是擬物化設(shè)計(jì)風(fēng)格還是扁平化設(shè)計(jì)風(fēng)格都有各自的優(yōu)勢，也有各自存在和盛行的原因。
　　根據(jù)以上研究，作者嘗試制作網(wǎng)絡(luò)問卷，調(diào)查擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)兩種風(fēng)格，在80-90后用戶群體中究竟哪一種更受歡迎，調(diào)查結(jié)果表明扁平化設(shè)計(jì)風(fēng)格在受調(diào)

9、查的群體中更受歡迎。根據(jù)調(diào)查結(jié)果，理論指導(dǎo)實(shí)踐設(shè)計(jì)GUI/網(wǎng)頁設(shè)計(jì)——有交互功能的中南民族大學(xué)網(wǎng)頁電子地圖(局部)，主要針對在校生和以后即將入學(xué)的大學(xué)生，意圖在使學(xué)生在通過地圖熟悉校園環(huán)境的同時(shí)能有親切、愉快的情感體驗(yàn)，能夠傳達(dá)時(shí)尚、充滿活力的校園氛圍。在比較了擬物化和扁平化設(shè)計(jì)風(fēng)格之后，認(rèn)為扁平化設(shè)計(jì)風(fēng)格簡潔、直觀，卡通化程度較高的特征讓創(chuàng)造的空間更，大代表性更強(qiáng)也更有趣味感，相比之下擬物化設(shè)計(jì)風(fēng)格對于這樣的場景設(shè)計(jì)顯然就需要更大的設(shè)