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

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

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

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

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

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

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

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

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

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