導語：如何才能寫好(hao)一篇(pian)ui設計，這就需要搜集整理更(geng)多的(de)資料和文(wen)獻，歡迎閱讀由公務(wu)員之家整理的(de)十篇(pian)范文(wen)，供你借鑒。

篇1

（1）、界(jie)面清晰明了。允許用戶定制界(jie)面。

 （2）、減少短期記(ji)憶的負擔。讓計算機幫助記(ji)憶，例(li)：User Name，、Password、IE進入界面地址可以讓機器記(ji)住。

（3）、依賴(lai)認知(zhi)而(er)非記憶。如打印圖標(biao)的(de)記憶、下拉菜單列表中的(de)選擇。

（4）、提供視覺線索。圖形符號的視覺的刺激；Gui（圖形界面設計）：Where， What， Next Step。

（5）、提供默認（default）、撤銷（undo）、恢復（redo）的(de)功能。

（6）、提(ti)供界面的快捷方式。

（7）、盡量使用真(zhen)實世(shi)界的比喻(yu)。如：電話、打印機的圖標設計，尊重用戶以(yi)往的使用經驗。

（8）、完善(shan)視覺的清晰(xi)度。條(tiao)理清晰(xi)；圖片、文字的布局和(he)隱喻不要(yao)讓用戶去猜。

（9）、界面的(de)協調一致。如手機界面按鈕排(pai)放，左鍵肯定(ding)；右鍵否(fou)定(ding)；或按內容擺(bai)放。

（10）、同樣功能用同樣的圖形。

（11）、色彩與內容。整(zheng)體軟件(jian)不(bu)超(chao)過5個(ge)色系，盡(jin)量少用(yong)紅色、綠色。近似(si)的(de)顏色表示(shi)近似(si)的(de)意思。

盡量考慮到使用者的(de)感受，而不是主觀的(de)表(biao)現(xian)。在藝術的(de)創(chuang)作(zuo)過(guo)程中，實(shi)質就(jiu)是對(dui)(dui)現(xian)實(shi)的(de)審(shen)美認識與對(dui)(dui)審(shen)美認識的(de)表(biao)現(xian)過(guo)程。

UI視覺設(she)計(ji)也可以說是作為平(ping)(ping)面(mian)設(she)計(ji)的(de)(de)(de)(de)一部分，也遵循平(ping)(ping)面(mian)設(she)計(ji)的(de)(de)(de)(de)基本原則，要(yao)考(kao)(kao)慮(lv)(lv)到畫面(mian)各(ge)元素組(zu)合構成(cheng)的(de)(de)(de)(de)形(xing)式與(yu)方(fang)法以及(ji)這(zhe)種形(xing)式對(dui)人心(xin)理引起的(de)(de)(de)(de)共鳴。在完善這(zhe)一些基本形(xing)式規律的(de)(de)(de)(de)同時，更應該注(zhu)意(yi)其形(xing)式感對(dui)人的(de)(de)(de)(de)心(xin)理作用以及(ji)其表達(da)人的(de)(de)(de)(de)感情(qing)的(de)(de)(de)(de)深(shen)與(yu)廣度，使其真正和設(she)計(ji)的(de)(de)(de)(de)最(zui)終效果相一致，形(xing)成(cheng)一個完美的(de)(de)(de)(de)、全新的(de)(de)(de)(de)整體(ti)形(xing)象。同時也要(yao)考(kao)(kao)慮(lv)(lv)到平(ping)(ping)面(mian)構成(cheng)的(de)(de)(de)(de)基本形(xing)式如，重(zhong)復(fu)與(yu)近似、漸變也發射、特異與(yu)對(dui)比、密集、機(ji)理等(deng)。

“以用戶(hu)為(wei)(wei)(wei)中心”的(de)(de)(de)(de)UI設(she)(she)計(ji)方法，以人為(wei)(wei)(wei)本的(de)(de)(de)(de)設(she)(she)計(ji)思路，這一(yi)(yi)點在(zai)(zai)國(guo)內也經常(chang)被提起(qi)，但在(zai)(zai)事(shi)實的(de)(de)(de)(de)操作中還有很長(chang)的(de)(de)(de)(de)路要走。例如(ru)：蘋果公司喬布斯(si)領導研制的(de)(de)(de)(de)新一(yi)(yi)代(dai)電(dian)(dian)腦(nao)Lisa，當(dang)時(shi)Lisa電(dian)(dian)腦(nao)的(de)(de)(de)(de)設(she)(she)計(ji)人員就認為(wei)(wei)(wei)，必須將立即執行(xing)的(de)(de)(de)(de)命(ming)令(ling)(ling)和需要用戶(hu)附加(jia)輸(shu)入的(de)(de)(de)(de)命(ming)令(ling)(ling)分開。他們(men)決定在(zai)(zai)后者的(de)(de)(de)(de)命(ming)令(ling)(ling)末尾添加(jia)省略(lve)(lve)號(hao)“...”，比(bi)如(ru)“Save as...（另(ling)存為(wei)(wei)(wei)...）”。這個省略(lve)(lve)號(hao)提醒人們(men)：軟(ruan)件會(hui)顯示(shi)(shi)一(yi)(yi)個對話框提示(shi)(shi)用戶(hu)輸(shu)入更多信息（暗(an)示(shi)(shi)當(dang)前(qian)命(ming)令(ling)(ling)發生之(zhi)前(qian)還有別的(de)(de)(de)(de)情(qing)況）。會(hui)立即執行(xing)的(de)(de)(de)(de)命(ming)令(ling)(ling)末尾沒(mei)有“...”。

這(zhe)條(tiao)規則(ze)被廣(guang)泛(fan)運用(yong)(yong)，包(bao)括菜單和按鈕。Lisa計算(suan)機(ji)以(yi)及它的(de)后來(lai)者(zhe)MAC和Microsoft，采用(yong)(yong)這(zhe)條(tiao)規則(ze)在細節處理上(shang)起(qi)了很(hen)(hen)大的(de)作(zuo)用(yong)(yong)。這(zhe)個(ge)也是現在游(you)戲包(bao)括很(hen)(hen)多(duo)運用(yong)(yong)軟件上(shang)上(shang)面常用(yong)(yong)的(de)一些原則(ze)，這(zhe)條(tiao)規則(ze)被廣(guang)泛(fan)運用(yong)(yong)，包(bao)括菜單和按鈕。Lisa計算(suan)機(ji)以(yi)及它的(de)后來(lai)者(zhe)MAC和Microsoft，采用(yong)(yong)這(zhe)條(tiao)規則(ze)在細節處理上(shang)起(qi)了很(hen)(hen)大的(de)作(zuo)用(yong)(yong)。給(gei)用(yong)(yong)戶(hu)帶(dai)來(lai)了極大的(de)方便。

當一(yi)個產品成功(gong)打入市(shi)場(chang)的(de)(de)(de)(de)時候，人(ren)們(men)看到的(de)(de)(de)(de)是(shi)其(qi)強(qiang)大(da)的(de)(de)(de)(de)功(gong)能，上乘的(de)(de)(de)(de)質(zhi)量，周(zhou)密的(de)(de)(de)(de)市(shi)場(chang)策略，合(he)適的(de)(de)(de)(de)價(jia)格(ge)定為(wei)，甚至(zhi)是(shi)美觀(guan)的(de)(de)(de)(de)包裝設(she)計，而(er)很少有人(ren)會(hui)將親和性的(de)(de)(de)(de)界面(mian)設(she)計放在功(gong)勞簿(bu)上。例如現在的(de)(de)(de)(de)騰訊，1997年(nian)，現在的(de)(de)(de)(de)騰訊CEO馬化騰接觸到了(le)ICQ并成為(wei)它(ta)的(de)(de)(de)(de)用戶，他親身感受到了(le)ICQ的(de)(de)(de)(de)魅力，也(ye)看到了(le)它(ta)的(de)(de)(de)(de)局(ju)限性：一(yi)是(shi)英文界面(mian)，二是(shi)在使用操作(zuo)上有相(xiang)當的(de)(de)(de)(de)難度，這使得ICQ在國內使用的(de)(de)(de)(de)雖然也(ye)比較廣，但始終不是(shi)特別(bie)普及，大(da)多限于“網蟲”級的(de)(de)(de)(de)高手里。

1999年2月，騰訊在互聯網上(shang)推出(chu)OICQ的(de)第一(yi)個測(ce)試版本包(bao)(bao)含的(de)功(gong)能(neng)(neng)十分簡(jian)單(dan)，僅僅只(zhi)包(bao)(bao)括簡(jian)單(dan)的(de)在線即(ji)時(shi)通訊功(gong)能(neng)(neng)，但(dan)其(qi)界面設(she)計令人稱贊不已，事實上(shang)，盡管到現在為(wei)止，騰訊已經先推出(chu)十來個版本以上(shang)的(de)QQ軟件，但(dan)其(qi)界面仍然沒有任何改變，這表明，從一(yi)開始，騰訊OICQ軟件的(de)界面設(she)計是十分合理(li)的(de)。

當騰訊(xun)(xun)(xun)(xun)推(tui)出QQ之(zhi)前(qian)已經有了(le)很(hen)多的(de)(de)(de)(de)類似的(de)(de)(de)(de)及時通訊(xun)(xun)(xun)(xun)軟(ruan)件(jian)(jian)。而(er)(er)騰訊(xun)(xun)(xun)(xun)的(de)(de)(de)(de)騰訊(xun)(xun)(xun)(xun)QQ在(zai)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)上面也(ye)沒有什(shen)么(me)(me)特(te)別(bie)之(zhi)處，那(nei)么(me)(me)很(hen)多人(ren)一(yi)(yi)直在(zai)質(zhi)疑(yi)，為什(shen)么(me)(me)QQ能(neng)(neng)(neng)(neng)(neng)夠力壓(ya)群芳，最終幾乎接近壟斷中(zhong)國在(zai)線(xian)即時通訊(xun)(xun)(xun)(xun)軟(ruan)件(jian)(jian)市場？從(cong)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)上說，一(yi)(yi)直以(yi)來QQ并沒有什(shen)么(me)(me)特(te)別(bie)之(zhi)處，但(dan)相(xiang)(xiang)比之(zhi)下(xia)，其(qi)(qi)它(ta)(ta)在(zai)線(xian)即時通訊(xun)(xun)(xun)(xun)軟(ruan)件(jian)(jian)也(ye)沒有什(shen)么(me)(me)特(te)別(bie)之(zhi)處，大(da)家都是模仿ICQ。但(dan)QQ之(zhi)所(suo)(suo)以(yi)能(neng)(neng)(neng)(neng)(neng)夠取得(de)成功(gong)(gong)(gong)，原(yuan)因不(bu)在(zai)于它(ta)(ta)的(de)(de)(de)(de)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)如(ru)何(he)強大(da)，而(er)(er)在(zai)于它(ta)(ta)的(de)(de)(de)(de)界面設(she)計的(de)(de)(de)(de)十(shi)分(fen)合理，用(yong)戶操作(zuo)(zuo)簡(jian)單，相(xiang)(xiang)比較和(he)QQ同時代(dai)的(de)(de)(de)(de)其(qi)(qi)它(ta)(ta)在(zai)線(xian)即時通訊(xun)(xun)(xun)(xun)軟(ruan)件(jian)(jian)，如(ru)Sina pager、OMMO等，它(ta)(ta)們(men)一(yi)(yi)開始的(de)(de)(de)(de)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)并不(bu)弱于QQ，特(te)別(bie)是OMMO，其(qi)(qi)在(zai)一(yi)(yi)面世就推(tui)出了(le)比QQ強大(da)得(de)多的(de)(de)(de)(de)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)，如(ru)電子(zi)郵(you)件(jian)(jian)、網絡硬盤(pan)，過多的(de)(de)(de)(de)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)反而(er)(er)讓使用(yong)者覺得(de)操作(zuo)(zuo)十(shi)分(fen)煩瑣，這是它(ta)(ta)之(zhi)所(suo)(suo)以(yi)失(shi)敗的(de)(de)(de)(de)重要原(yuan)因所(suo)(suo)在(zai)。其(qi)(qi)后幾個月，騰訊(xun)(xun)(xun)(xun)推(tui)出OICQ 99a，先后新增了(le)公共聊(liao)天(tian)室、傳送文(wen)件(jian)(jian)、無(wu)線(xian)尋呼(hu)、手機(ji)短(duan)訊(xun)(xun)(xun)(xun)、語音(yin)聊(liao)天(tian)等，并且在(zai)這個版本里面，騰訊(xun)(xun)(xun)(xun)還做了(le)另外一(yi)(yi)個大(da)動作(zuo)(zuo)，那(nei)就是把唐(tang)老鴨、加菲貓(mao)、Kitty貓(mao)、皮卡(ka)丘、大(da)力水手、湯姆貓(mao)、藍精靈、史諾比、刺猬索尼克等知名熟知的(de)(de)(de)(de)卡(ka)通肖像換掉了(le)，換上了(le)騰訊(xun)(xun)(xun)(xun)自己設(she)計制作(zuo)(zuo)的(de)(de)(de)(de)卡(ka)通肖像。令人(ren)吃驚的(de)(de)(de)(de)是，在(zai)騰訊(xun)(xun)(xun)(xun)新增了(le)這么(me)(me)多功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)后，OICQ的(de)(de)(de)(de)界面仍然沒有任何(he)改變。其(qi)(qi)合理的(de)(de)(de)(de)設(she)計、良好(hao)的(de)(de)(de)(de)易用(yong)性(xing)、強大(da)的(de)(de)(de)(de)功(gong)(gong)(gong)能(neng)(neng)(neng)(neng)(neng)，穩定高效(xiao)的(de)(de)(de)(de)系(xi)統運行，贏得(de)了(le)用(yong)戶的(de)(de)(de)(de)青睞。

毫無疑問，UI設計優(you)勢(shi)在產品競爭中(zhong)扮演(yan)的(de)重要(yao)角色(se)是無庸(yong)置疑的(de)，但是，這種優(you)勢(shi)實(shi)現和意識(shi)都是長(chang)期性(xing)的(de)，而非短期行為。他意味著需要(yao)相當(dang)長(chang)的(de)時間讓客戶了解到，但是一旦形成(cheng)此種心理上的(de)優(you)勢(shi)，就會在很長(chang)的(de)時間內(nei)存(cun)在，會將易(yi)用的(de)心理暗示代入整個產品的(de)后續開發(fa)甚至整個品牌。

當(dang)一個產品成功(gong)打入市(shi)場的(de)時候，人們(men)看到的(de)是(shi)其(qi)強(qiang)大的(de)功(gong)能，上乘的(de)質量，周密的(de)市(shi)場策(ce)略(lve)，合適的(de)價格定(ding)位，甚至是(shi)美觀的(de)包(bao)裝設(she)(she)計，而很少有人會將親和性(xing)的(de)UI設(she)(she)計放(fang)在功(gong)勞簿上。UI設(she)(she)計所(suo)倡導的(de)是(shi)可(ke)用(yong)，易用(yong)，然而在消費者心中可(ke)用(yong)，易用(yong)是(shi)理(li)所(suo)當(dang)然的(de)。而設(she)(she)計師所(suo)應該做的(de)就是(shi)默(mo)默(mo)的(de)為人類服(fu)務。

技術(shu)(shu)是(shi)(shi)有(you)局限性的，而設計師的思(si)想是(shi)(shi)無限性的。完美(mei)的UI設計能(neng)給(gei)技術(shu)(shu)很普通的產品(pin)帶來質(zhi)的飛躍(yue)也能(neng)給(gei)企業(ye)帶來意想不到(dao)的收獲(huo)。這一切都是(shi)(shi)基于(yu)一個目標，以人為本，服務社會(hui)。

篇2

所以，我們必須了解(jie)移動APP客戶端的UI設計原則(ze)及UI界(jie)面適配(pei)步驟。

第一(yi)點：移(yi)動APP客戶(hu)端(duan)的(de)UI設計(ji)原則

1)手機本身的物理特性受限引起的操作交互指南：

a、移動APP客戶(hu)(hu)端的(de)文字輸(shu)入，必須要降到最低(di)：由于手機(ji)在輸(shu)入上的(de)低(di)效(xiao)性，在設(she)計的(de)過(guo)程中，應盡量減少用戶(hu)(hu)的(de)輸(shu)入，如果有可能可以(yi)設(she)置默認值，或(huo)者(zhe)讓(rang)用戶(hu)(hu)選擇目標(biao)值。

b、移(yi)動APP客戶端的(de)信息結(jie)構好，屏(ping)與屏(ping)之間的(de)邏輯(ji)關(guan)系清(qing)晰(xi)：由于手機屏(ping)幕都普(pu)遍較(jiao)小，即使(shi)有4吋屏(ping)，那也只能展(zhan)示較(jiao)少的(de)信息量(liang)，因此，在手機設計上(shang)，更(geng)需(xu)要有清(qing)晰(xi)的(de)信息架構，用戶知(zhi)道當(dang)前在哪兒(er)，并能返回到哪兒(er)。

c、移(yi)動APP客戶端(duan)的(de)操作、功(gong)能(neng)(neng)不要(yao)隱藏太深，重(zhong)(zhong)要(yao)功(gong)能(neng)(neng)都需要(yao)在界面中(zhong)有適(shi)當的(de)提示：由于手機屏幕較(jiao)小，不能(neng)(neng)展(zhan)(zhan)示所有的(de)信息(xi)。因此，對重(zhong)(zhong)要(yao)的(de)、使(shi)用頻率高的(de)功(gong)能(neng)(neng)或信息(xi)放(fang)在最重(zhong)(zhong)要(yao)的(de)位置(zhi)，并在首頁(ye)上展(zhan)(zhan)示或指(zhi)示。

2)手機的(de)移動特性引起(qi)的(de)指南：

a、移動APP客戶(hu)(hu)端的(de)(de)(de)最(zui)主(zhu)要(yao)的(de)(de)(de)功(gong)能(neng)(neng)操(cao)作，用(yong)單手(shou)可以完成：手(shou)機的(de)(de)(de)使用(yong)情(qing)景(jing)多樣(yang)性，在很多情(qing)景(jing)下，用(yong)戶(hu)(hu)都(dou)只能(neng)(neng)單手(shou)來操(cao)作手(shou)機，因此，在客戶(hu)(hu)端的(de)(de)(de)設計過程中，需(xu)要(yao)考慮(lv)最(zui)重(zhong)要(yao)的(de)(de)(de)核心功(gong)能(neng)(neng)，能(neng)(neng)否單手(shou)操(cao)作完成。常見手(shou)勢翻頁交互效果和優點等。

b、移動APP客(ke)(ke)戶(hu)(hu)端(duan)的(de)界面必須簡(jian)潔、操(cao)(cao)作(zuo)簡(jian)單，操(cao)(cao)作(zuo)步(bu)驟少(shao)：由于用(yong)戶(hu)(hu)操(cao)(cao)作(zuo)情景(jing)復(fu)雜，在(zai)使用(yong)客(ke)(ke)戶(hu)(hu)端(duan)的(de)過程(cheng)可能有額外的(de)認知負荷(he)，因此，在(zai)設(she)計(ji)客(ke)(ke)戶(hu)(hu)端(duan)的(de)過程(cheng)中，邏輯必須簡(jian)單，操(cao)(cao)作(zuo)步(bu)驟也要減少(shao)。

c、移動(dong)APP客戶端的界面層次不(bu)要太深，最(zui)好不(bu)要超過(guo)3級。

d、移(yi)動(dong)(dong)APP客戶端(duan)的(de)提(ti)(ti)示包括(kuo)界面(mian)、聲音(yin)、振動(dong)(dong)多種形式：用(yong)戶在(zai)操(cao)作(zuo)手機(ji)時(shi)，往(wang)往(wang)不會一直盯著手機(ji)屏幕看，因此，很多手機(ji)狀態頁(ye)面(mian)的(de)切換(huan)，脫(tuo)離了用(yong)戶的(de)視線，這時(shi)，必須(xu)要提(ti)(ti)供視覺之外的(de)其(qi)他(ta)感覺通道的(de)信息(xi)(如(ru)聽覺、觸覺等(deng))，來對用(yong)戶做提(ti)(ti)示。快速體驗(yan)移(yi)動(dong)(dong)觸摸響應(ying)操(cao)作(zuo)等(deng)。

3)其他移動UI設計原則

a)客戶端UI的(de)適(shi)配不(bu)必恪(ke)守(shou)所有的(de)平臺(tai)都保持(chi)一致，只(zhi)要(yao)一些品牌(pai)的(de)關鍵元素能體現可(ke)。

b)客戶(hu)端(duan)的(de)主要操作方(fang)式(shi)(框架、導航、按鍵功能及軟鍵對應方(fang)式(shi)等)應與(yu)所承載的(de)手(shou)機操作系統保持一致：客戶(hu)端(duan)都承載在(zai)某款具體的(de)手(shou)機平臺中，而(er)用戶(hu)會(hui)對當(dang)前的(de)手(shou)機平臺很熟悉(xi)。

因此，在(zai)設計的(de)過程中，需要更好地理(li)解(jie)當前的(de)手機平臺，并使客戶(hu)端的(de)設計與(yu)手機系統的(de)設計邏輯(ji)保(bao)持一致。

第二點：.手(shou)機APP客戶端(duan)UI界面設計適(shi)配的步驟：

移動APP客戶(hu)端的適(shi)配(pei)要(yao)以(yi)一個平(ping)臺為起(qi)始，但(dan)是要(yao)著(zhu)眼于多個平(ping)臺。

1)根(gen)據公(gong)司的戰(zhan)略，選擇一個最先切入的平臺;

2)了解該平臺的UI設計(ji)規范，可用的UI控(kong)件及交互原則;

3)確定切入的屏幕大小，以此來設計第一個客(ke)戶端，但是要考慮適配其他屏幕的可能性(xing)，是自適應來擴(kuo)展或者縮小;

4)根據(ju)平臺(tai)及屏幕大小，來選(xuan)擇(ze)一款最典型的(de)手(shou)機，開始客戶(hu)端的(de)交互設計。

5)確定客戶(hu)端的(de)(de)核心目(mu)的(de)(de)。如為(wei)(wei)娛樂為(wei)(wei)主的(de)(de)，應在設計方式(shi)更娛樂性(xing);功(gong)能性(xing)完成目(mu)的(de)(de)為(wei)(wei)主的(de)(de)，以更易用性(xing)為(wei)(wei)主;

6)根據客(ke)戶(hu)端(duan)的功能(neng)和內容(rong)，來設計客(ke)戶(hu)端(duan)的信息架構;

篇3

多媒體設計

多媒體(ti)技(ji)術(shu)是指將多種單媒體(ti)復合而成(cheng)的(de)(de)(de)技(ji)術(shu)。多媒體(ti)技(ji)術(shu)融合了(le)各種視覺(jue)和(he)聽覺(jue)媒體(ti)，包括動畫、文(wen)字、圖形、圖像、語言(yan)、音(yin)樂和(he)立體(ti)聲響等，多媒體(ti)網(wang)頁UI界面可以(yi)(yi)(yi)讓用(yong)戶同時接受多樣的(de)(de)(de)媒體(ti)信(xin)(xin)(xin)息來源。網(wang)頁UI界面設計中使用(yong)多媒體(ti)技(ji)術(shu)可以(yi)(yi)(yi)體(ti)現(xian)以(yi)(yi)(yi)下幾個特點：1）集(ji)成(cheng)性，對(dui)遠程多媒體(ti)的(de)(de)(de)影音(yin)信(xin)(xin)(xin)息統一取(qu)得(de)與。2）交(jiao)互性，人性化的(de)(de)(de)實(shi)現(xian)信(xin)(xin)(xin)息傳播，能夠(gou)主動選(xuan)擇和(he)控制(zhi)信(xin)(xin)(xin)息流方向。3）非(fei)線性，創建了(le)超文(wen)本鏈接方法，把靈活(huo)展示瀏(liu)覽內容(rong)。4）實(shi)時性，實(shi)時控制(zhi)多媒體(ti)信(xin)(xin)(xin)息，及時配合用(yong)戶指令。5）動態性，用(yong)戶可以(yi)(yi)(yi)按照自己(ji)的(de)(de)(de)需求選(xuan)擇信(xin)(xin)(xin)息使用(yong)方式，甚(shen)至重(zhong)組信(xin)(xin)(xin)息的(de)(de)(de)各種表現(xian)形式。

網頁交互設計

交(jiao)(jiao)(jiao)互(hu)設(she)計(ji)需要(yao)解決的(de)(de)(de)(de)(de)(de)是(shi)(shi)人與機器之(zhi)間互(hu)動的(de)(de)(de)(de)(de)(de)問題(ti)，是(shi)(shi)表(biao)現層的(de)(de)(de)(de)(de)(de)東(dong)西，好(hao)(hao)的(de)(de)(de)(de)(de)(de)交(jiao)(jiao)(jiao)互(hu)設(she)計(ji)方案能(neng)(neng)(neng)(neng)夠讓(rang)用(yong)(yong)(yong)戶(hu)(hu)(hu)感覺網(wang)(wang)(wang)頁非(fei)常好(hao)(hao)用(yong)(yong)(yong)。怎樣(yang)的(de)(de)(de)(de)(de)(de)網(wang)(wang)(wang)頁交(jiao)(jiao)(jiao)互(hu)設(she)計(ji)才(cai)算是(shi)(shi)好(hao)(hao)的(de)(de)(de)(de)(de)(de)方案呢？1.讓(rang)人有耐(nai)心等待(dai)。根據(ju)網(wang)(wang)(wang)絡調查，大多數用(yong)(yong)(yong)戶(hu)(hu)(hu)對(dui)網(wang)(wang)(wang)頁打開的(de)(de)(de)(de)(de)(de)等待(dai)時(shi)(shi)(shi)間最(zui)(zui)多堅持5秒(miao)鐘，如果(guo)5秒(miao)內(nei)頁面(mian)(mian)都不(bu)能(neng)(neng)(neng)(neng)打開，那這個頁面(mian)(mian)上的(de)(de)(de)(de)(de)(de)內(nei)容將沒有任(ren)何意(yi)義都就將。所(suo)以在交(jiao)(jiao)(jiao)互(hu)設(she)計(ji)時(shi)(shi)(shi)，需要(yao)考慮(lv)網(wang)(wang)(wang)頁等待(dai)時(shi)(shi)(shi)給用(yong)(yong)(yong)戶(hu)(hu)(hu)提供的(de)(de)(de)(de)(de)(de)信息(xi)。最(zui)(zui)好(hao)(hao)的(de)(de)(de)(de)(de)(de)方式(shi)是(shi)(shi)反(fan)饋，當用(yong)(yong)(yong)戶(hu)(hu)(hu)等待(dai)時(shi)(shi)(shi)，告訴用(yong)(yong)(yong)戶(hu)(hu)(hu)他的(de)(de)(de)(de)(de)(de)操作是(shi)(shi)否(fou)成(cheng)功并且將剩余的(de)(de)(de)(de)(de)(de)等待(dai)時(shi)(shi)(shi)間實時(shi)(shi)(shi)呈現，這樣(yang)就能(neng)(neng)(neng)(neng)有效解決用(yong)(yong)(yong)戶(hu)(hu)(hu)不(bu)能(neng)(neng)(neng)(neng)耐(nai)心等待(dai)的(de)(de)(de)(de)(de)(de)問題(ti)。2.讓(rang)人不(bu)用(yong)(yong)(yong)動腦(nao)筋想。好(hao)(hao)的(de)(de)(de)(de)(de)(de)網(wang)(wang)(wang)站能(neng)(neng)(neng)(neng)夠幫(bang)助(zhu)用(yong)(yong)(yong)戶(hu)(hu)(hu)快(kuai)速(su)完成(cheng)任(ren)務，要(yao)達到(dao)快(kuai)速(su)完成(cheng)任(ren)務的(de)(de)(de)(de)(de)(de)目(mu)的(de)(de)(de)(de)(de)(de)，交(jiao)(jiao)(jiao)互(hu)設(she)計(ji)必須使頁面(mian)(mian)簡單，盡量讓(rang)用(yong)(yong)(yong)戶(hu)(hu)(hu)瀏(liu)覽時(shi)(shi)(shi)不(bu)收(shou)不(bu)必要(yao)的(de)(de)(de)(de)(de)(de)干擾，最(zui)(zui)好(hao)(hao)能(neng)(neng)(neng)(neng)夠符合用(yong)(yong)(yong)戶(hu)(hu)(hu)心智模型。因為，大部(bu)分的(de)(de)(de)(de)(de)(de)用(yong)(yong)(yong)戶(hu)(hu)(hu)在瀏(liu)覽網(wang)(wang)(wang)站時(shi)(shi)(shi)希(xi)望的(de)(de)(de)(de)(de)(de)是(shi)(shi)能(neng)(neng)(neng)(neng)快(kuai)速(su)找到(dao)勉強應付的(de)(de)(de)(de)(de)(de)方案，而不(bu)愿意(yi)主(zhu)動尋找方案，百(bai)分之(zhi)八十的(de)(de)(de)(de)(de)(de)用(yong)(yong)(yong)戶(hu)(hu)(hu)只會用(yong)(yong)(yong)百(bai)分之(zhi)二十的(de)(de)(de)(de)(de)(de)功能(neng)(neng)(neng)(neng)。

網頁(ye)UI界面設計展(zhan)望(wang)

目前，網(wang)(wang)頁UI界面(mian)(mian)設計主要是(shi)三維的(de)(de)(de)(de)(de)(de)視覺(jue)界面(mian)(mian)和二維的(de)(de)(de)(de)(de)(de)圖(tu)形界面(mian)(mian)，同時(shi)輔以(yi)(yi)動畫、聲音(yin)等多媒體插件布局(ju)設計。隨(sui)著計算機技(ji)(ji)術(shu)的(de)(de)(de)(de)(de)(de)不斷發展，三維立體的(de)(de)(de)(de)(de)(de)操(cao)(cao)作(zuo)界面(mian)(mian)系統會在網(wang)(wang)頁設計中(zhong)逐(zhu)步普(pu)及(ji)，三維立體界面(mian)(mian)的(de)(de)(de)(de)(de)(de)直(zhi)接操(cao)(cao)作(zuo)是(shi)虛擬(ni)現實(shi)（VirtualReality）交(jiao)互(hu)性的(de)(de)(de)(de)(de)(de)一(yi)個(ge)重要表現方(fang)式(shi)。三維虛擬(ni)空間中(zhong)的(de)(de)(de)(de)(de)(de)直(zhi)接操(cao)(cao)作(zuo)包括平移、拾取(qu)和旋轉等操(cao)(cao)作(zuo)，例如如今比(bi)較前沿的(de)(de)(de)(de)(de)(de)3D影裝(zhuang)和多點(dian)觸控技(ji)(ji)術(shu)。三維直(zhi)接操(cao)(cao)作(zuo)使得網(wang)(wang)頁UI界面(mian)(mian)設計不再僅僅局(ju)限于(yu)視覺(jue)效果的(de)(de)(de)(de)(de)(de)三維變換，可以(yi)(yi)實(shi)現類(lei)似于(yu)四維空間的(de)(de)(de)(de)(de)(de)人機直(zhi)接交(jiao)互(hu)，從而(er)更(geng)好的(de)(de)(de)(de)(de)(de)完(wan)成(cheng)用戶操(cao)(cao)作(zuo)。

篇4

【關鍵詞】UI設計；視覺設計風格(ge)；發展

中圖(tu)分類號：TB472 文(wen)獻標志碼：A 文(wen)章編號：1007-0125（2017）07-0171-01

一、UI設計概述

（一）UI設(she)計(ji)的定義：UI是(shi)由User Interface（用戶界面）縮寫而來。UI設(she)計(ji)即為用戶界面設(she)計(ji)。是(shi)對軟件(jian)的人機交(jiao)互、整(zheng)(zheng)體操作的邏輯(ji)以及(ji)操作界面的視覺美觀性的整(zheng)(zheng)體設(she)計(ji)過程。

（二）UI設(she)(she)(she)計(ji)(ji)(ji)(ji)中視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)風(feng)(feng)格定義：UI設(she)(she)(she)計(ji)(ji)(ji)(ji)中視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)風(feng)(feng)格是指視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)師在進(jin)行用(yong)戶(hu)界(jie)面設(she)(she)(she)計(ji)(ji)(ji)(ji)時(shi)所使用(yong)的(de)圖(tu)(tu)形(xing)化語言(yan)(yan)。視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)師在進(jin)行軟件界(jie)面設(she)(she)(she)計(ji)(ji)(ji)(ji)時(shi)對數(shu)據進(jin)行全(quan)面分(fen)析并(bing)歸(gui)納(na)總結，運(yun)用(yong)點(dian)、線、面等圖(tu)(tu)形(xing)化語言(yan)(yan)并(bing)設(she)(she)(she)定合(he)適的(de)色彩創造出(chu)符合(he)用(yong)戶(hu)審美的(de)用(yong)戶(hu)界(jie)面風(feng)(feng)格。當前(qian)主要運(yun)用(yong)于UI設(she)(she)(she)計(ji)(ji)(ji)(ji)中的(de)視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)語言(yan)(yan)有：1.擬(ni)物(wu)(wu)(wu)化風(feng)(feng)格，該(gai)(gai)視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)語言(yan)(yan)風(feng)(feng)格是對真實物(wu)(wu)(wu)體(ti)(ti)的(de)模擬(ni)，最大(da)程度在去模擬(ni)真實物(wu)(wu)(wu)體(ti)(ti)的(de)形(xing)體(ti)(ti)和質感。2.極簡化風(feng)(feng)格，該(gai)(gai)視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)風(feng)(feng)格是視(shi)(shi)(shi)(shi)覺設(she)(she)(she)計(ji)(ji)(ji)(ji)師將(jiang)想(xiang)要表達的(de)形(xing)體(ti)(ti)事物(wu)(wu)(wu)以最簡單的(de)線條或者圖(tu)(tu)形(xing)概括出(chu)來，使用(yong)戶(hu)看到這(zhe)一(yi)圖(tu)(tu)形(xing)即可聯想(xiang)到一(yi)定的(de)實物(wu)(wu)(wu)。

二(er)、國內(nei)外(wai)UI設計(ji)視(shi)覺設計(ji)風格發(fa)展現狀

美(mei)國于上世紀中期便(bian)發(fa)明了(le)計(ji)算(suan)機(ji)并(bing)建(jian)立了(le)互(hu)(hu)聯網，這方便(bian)了(le)人(ren)們的(de)工(gong)作和生(sheng)(sheng)活，在人(ren)與計(ji)算(suan)機(ji)使用和被(bei)使用的(de)過程中便(bian)產生(sheng)(sheng)了(le)人(ren)機(ji)交互(hu)(hu)這一(yi)概(gai)念。在人(ren)機(ji)交互(hu)(hu)上是(shi)以(yi)發(fa)現(xian)問題到解決問題的(de)模式不斷地形成(cheng)(cheng)了(le)規范；在視(shi)覺設(she)計(ji)語言方面，美(mei)國、德國、法國等國家受到包豪斯設(she)計(ji)學院(yuan)的(de)影(ying)響，遵(zun)從包豪斯“藝術與技術的(de)新統一(yi)、設(she)計(ji)的(de)目的(de)是(shi)人(ren)而不是(shi)產品、設(she)計(ji)必須(xu)遵(zun)循自(zi)然與客觀的(de)法則(ze)來進行(xing)”的(de)觀點，形成(cheng)(cheng)了(le)簡約至上的(de)現(xian)代視(shi)覺設(she)計(ji)語言風格(ge)。

國(guo)內關(guan)(guan)于藝(yi)術(shu)類的(de)(de)教(jiao)育仍然(ran)處于講(jiang)述(shu)基本知識的(de)(de)學(xue)院式教(jiao)育，教(jiao)學(xue)僅僅是(shi)為了講(jiang)述(shu)知識，而(er)并沒(mei)有和當前先(xian)進的(de)(de)科學(xue)技(ji)術(shu)生產力接軌，關(guan)(guan)于UI設計(ji)(ji)的(de)(de)教(jiao)學(xue)也僅僅是(shi)依(yi)靠教(jiao)師在相(xiang)關(guan)(guan)領域的(de)(de)相(xiang)關(guan)(guan)經(jing)驗(yan)，并不能(neng)切實(shi)地(di)(di)結合社(she)會需(xu)求。這些都極大地(di)(di)限制了中(zhong)國(guo)在UI設計(ji)(ji)行業(ye)的(de)(de)發展(zhan)。隨著互聯網技(ji)術(shu)在中(zhong)國(guo)突飛(fei)猛進的(de)(de)發展(zhan)，目前國(guo)內也有許多互聯網企業(ye)在借鑒了國(guo)外(wai)成(cheng)熟(shu)的(de)(de)設計(ji)(ji)規范后，發展(zhan)出了自己完(wan)善的(de)(de)UI設計(ji)(ji)規范，也做出了相(xiang)當成(cheng)熟(shu)的(de)(de)產品。

三、成熟UI設計視覺(jue)語言風(feng)格(ge)應用

（一(yi)）擬物化設(she)(she)計(ji)風格：是借助已有(you)的(de)實體進行設(she)(she)計(ji)，將設(she)(she)計(ji)中功能上(shang)并(bing)不必須的(de)元素也要添(tian)加，這種真(zhen)(zhen)實的(de)實物感以(yi)及質感帶給(gei)用(yong)戶極大的(de)親切感，能使用(yong)戶更快地掌握(wo)如何(he)操作和(he)使用(yong)該產品。如錘子科技公司的(de)手機系統(tong)Smartisan OS，該系統(tong)UI大量采(cai)用(yong)了(le)擬物化設(she)(she)計(ji)風格：其(qi)系統(tong)自(zi)帶軟件(jian)計(ji)算器，其(qi)圖標是具有(you)真(zhen)(zhen)實質感的(de)計(ji)算器按鈕(niu)，能使用(yong)戶快速識別。打開軟件(jian)后，無論從質感立體感到(dao)屏幕顯示(shi)、字(zi)體顯示(shi)、界面顏色再(zai)到(dao)觸覺反饋，無不呈(cheng)現出一(yi)個真(zhen)(zhen)實的(de)計(ji)算器。這樣的(de)設(she)(she)計(ji)能帶給(gei)用(yong)戶生(sheng)活中的(de)親切感。

（二）扁(bian)平(ping)化(hua)設(she)(she)計(ji)(ji)風(feng)(feng)格(ge)：是指(zhi)在(zai)設(she)(she)計(ji)(ji)過程中(zhong)使(shi)用(yong)(yong)簡(jian)單的特(te)效或者(zhe)不使(shi)用(yong)(yong)視覺(jue)特(te)效，以極簡(jian)單的形體去進行設(she)(she)計(ji)(ji)。這(zhe)種設(she)(she)計(ji)(ji)方式(shi)較(jiao)簡(jian)單直接也更(geng)加輕量化(hua)，更(geng)加適用(yong)(yong)于(yu)移動界(jie)面的設(she)(she)計(ji)(ji)。如2010年(nian)微windows phone操作(zuo)系(xi)(xi)統，其整(zheng)(zheng)體布局(ju)采用(yong)(yong)色彩明亮(liang)的色塊(kuai)進行區塊(kuai)劃分和(he)(he)整(zheng)(zheng)體布局(ju)，圖標(biao)設(she)(she)計(ji)(ji)也采用(yong)(yong)極簡(jian)的線形和(he)(he)面元素設(she)(she)計(ji)(ji)，整(zheng)(zheng)體輕快簡(jian)潔。隨后，蘋(pin)果公司和(he)(he)谷歌公司在(zai)iOS和(he)(he)安卓系(xi)(xi)統中(zhong)也開始(shi)采用(yong)(yong)扁(bian)平(ping)化(hua)設(she)(she)計(ji)(ji)風(feng)(feng)格(ge)。目前無(wu)論(lun)是蘋(pin)果還是安卓，在(zai)原生(sheng)系(xi)(xi)統級的圖標(biao)和(he)(he)布局(ju)的設(she)(she)計(ji)(ji)都(dou)采用(yong)(yong)了扁(bian)平(ping)化(hua)設(she)(she)計(ji)(ji)風(feng)(feng)格(ge)。受此影響，國內外的軟件廠商為(wei)和(he)(he)手機系(xi)(xi)統風(feng)(feng)格(ge)保(bao)持一致也紛(fen)紛(fen)效仿改變風(feng)(feng)格(ge)。

（三(san)）原(yuan)質化(hua)設計風格(ge)：是谷(gu)歌公(gong)司所(suo)研究出(chu)來的(de)(de)(de)一種新的(de)(de)(de)設計語言，也(ye)是一種設計規范(fan)。該風格(ge)是由谷(gu)歌團(tuan)隊(dui)對(dui)于(yu)紙質和(he)墨水材料(liao)的(de)(de)(de)研究，在(zai)基本(ben)元素(su)的(de)(de)(de)處理(li)(li)(li)上(shang)，借鑒了(le)傳(chuan)統的(de)(de)(de)印刷設計、排版、網格(ge)、空(kong)間、比例、配色(se)、圖像(xiang)。同時強調結合實體物理(li)(li)(li)屬性(xing)和(he)規律的(de)(de)(de)、合理(li)(li)(li)的(de)(de)(de)動效和(he)高效的(de)(de)(de)空(kong)間化(hua)利用。以和(he)物理(li)(li)(li)世界接近(jin)的(de)(de)(de)觸感可(ke)以讓用戶更為自然、快(kuai)速地理(li)(li)(li)解(jie)和(he)認(ren)知。該風格(ge)是在(zai)扁平化(hua)風格(ge)基礎上(shang)加以真實物理(li)(li)(li)世界的(de)(de)(de)觸感，是介于(yu)上(shang)述兩種風格(ge)之間的(de)(de)(de)風格(ge)，原(yuan)質化(hua)設計風格(ge)尚處于(yu)發展(zhan)初期，在(zai)未(wei)來的(de)(de)(de)發展(zhan)中(zhong)它(ta)可(ke)能(neng)在(zai)UI設計視覺語言風格(ge)中(zhong)占有一席之地。

四、結語

互聯網(wang)技術(shu)發展(zhan)日新月異，互聯網(wang)商業(ye)也(ye)(ye)緊隨(sui)(sui)其后，這就決定了UI設(she)計發展(zhan)的重要性。隨(sui)(sui)著人們對各系統操作的熟(shu)識，UI設(she)計視覺(jue)(jue)設(she)計風(feng)格也(ye)(ye)要隨(sui)(sui)著用戶(hu)的審美變化而不斷發展(zhan)。而這種發展(zhan)也(ye)(ye)會是(shi)符(fu)合現在設(she)計發展(zhan)的規律，由(you)(you)起初簡(jian)單的文本界(jie)面(mian)發展(zhan)為精(jing)美雕飾的形(xing)體界(jie)面(mian)，再(zai)(zai)由(you)(you)繁(fan)復(fu)的界(jie)面(mian)簡(jian)化為簡(jian)約輕快的界(jie)面(mian)，之后還會在簡(jian)單的基(ji)礎上(shang)再(zai)(zai)去增加體驗。總而言之，UI設(she)計視覺(jue)(jue)設(she)計風(feng)格的發展(zhan)也(ye)(ye)會遵從由(you)(you)簡(jian)到(dao)繁(fan)再(zai)(zai)由(you)(you)繁(fan)到(dao)簡(jian)這樣一個過程。

參考文獻：

[1]人(ren)機互(hu)動，UI 的絢麗與便捷*移動互(hu)聯網時代的手機UI設計與主(zhu)流終端廠商(shang)理念評析[J].新潮電子，2009，（9）：29-47.

篇5

UI交互(hu)設(she)計(ji)(ji)在(zai)科技(ji)飛速發展的今天，正在(zai)以非常快的速度被(bei)人(ren)(ren)(ren)們(men)認可(ke)和(he)熟知(zhi)。UI的本意(yi)是用戶(hu)界面，對(dui)于UI的理(li)解也(ye)是從“接觸”含義對(dui)交互(hu)設(she)計(ji)(ji)進行探究。UI交互(hu)設(she)計(ji)(ji)真正為人(ren)(ren)(ren)們(men)所重視是基于電(dian)腦(nao)產(chan)(chan)品(pin)(pin)的誕生，人(ren)(ren)(ren)們(men)理(li)解電(dian)腦(nao)產(chan)(chan)品(pin)(pin)，首先需(xu)要一個可(ke)視界面，然后需(xu)要輕松處理(li)程序并給予指令，使產(chan)(chan)品(pin)(pin)被(bei)人(ren)(ren)(ren)們(men)輕松使用、為人(ren)(ren)(ren)服務，使用戶(hu)獲得愉悅的體驗。文章著重從交互(hu)設(she)計(ji)(ji)方面闡述UI交互(hu)設(she)計(ji)(ji)在(zai)信(xin)息科技(ji)中(zhong)的研究價值(zhi)和(he)研究方法(fa)。

關鍵詞：

UI交互設計(ji)；用戶研究；人機界面；用戶體驗；視覺美(mei)觀(guan)

UI的(de)(de)(de)(de)(de)概念(nian)，是(shi)人們(men)為解(jie)決與(yu)機(ji)器的(de)(de)(de)(de)(de)交(jiao)(jiao)流問(wen)題(ti)而提出的(de)(de)(de)(de)(de)，如(ru)日(ri)常生活(huo)中的(de)(de)(de)(de)(de)汽車(che)操(cao)控界面(mian)(mian)(mian)，最早的(de)(de)(de)(de)(de)收音機(ji)操(cao)作(zuo)界面(mian)(mian)(mian)，電視(shi)遙控器界面(mian)(mian)(mian)，正(zheng)(zheng)在(zai)(zai)研(yan)制的(de)(de)(de)(de)(de)各種更(geng)超前、更(geng)易用(yong)(yong)(yong)的(de)(de)(de)(de)(de)感應式(shi)電子軟件(jian)操(cao)作(zuo)界面(mian)(mian)(mian)。人們(men)正(zheng)(zheng)在(zai)(zai)經(jing)(jing)歷著圖(tu)形(xing)(xing)界面(mian)(mian)(mian)時(shi)代，產(chan)品操(cao)作(zuo)界面(mian)(mian)(mian)的(de)(de)(de)(de)(de)圖(tu)形(xing)(xing)化(hua)處理(li)越(yue)來(lai)越(yue)受(shou)到人們(men)的(de)(de)(de)(de)(de)重視(shi)。好(hao)的(de)(de)(de)(de)(de)交(jiao)(jiao)互體驗使人們(men)一眼就能識別如(ru)何操(cao)作(zuo)，能理(li)解(jie)操(cao)作(zuo)帶來(lai)的(de)(de)(de)(de)(de)實(shi)際作(zuo)用(yong)(yong)(yong)。人們(men)對用(yong)(yong)(yong)戶(hu)體驗和(he)界面(mian)(mian)(mian)美(mei)觀的(de)(de)(de)(de)(de)要(yao)求提升(sheng)得(de)越(yue)來(lai)越(yue)快，這(zhe)種圖(tu)形(xing)(xing)化(hua)的(de)(de)(de)(de)(de)界面(mian)(mian)(mian)設(she)計(ji)也推動(dong)了新(xin)的(de)(de)(de)(de)(de)經(jing)(jing)濟時(shi)代到來(lai)。隨(sui)著智能手(shou)機(ji)的(de)(de)(de)(de)(de)飛速(su)發展，人們(men)對手(shou)機(ji)APP的(de)(de)(de)(de)(de)使用(yong)(yong)(yong)迅猛增(zeng)長(chang)，如(ru)今各種APP在(zai)(zai)互聯網移動(dong)終端設(she)備上(shang)的(de)(de)(de)(de)(de)使用(yong)(yong)(yong)率越(yue)來(lai)越(yue)高，使用(yong)(yong)(yong)人群也逐漸細化(hua)。APP產(chan)品琳瑯滿目，產(chan)品經(jing)(jing)理(li)開發手(shou)機(ji)APP的(de)(de)(de)(de)(de)使用(yong)(yong)(yong)價值，就必(bi)須(xu)研(yan)究(jiu)用(yong)(yong)(yong)戶(hu)界面(mian)(mian)(mian)交(jiao)(jiao)互設(she)計(ji)，通過用(yong)(yong)(yong)戶(hu)界面(mian)(mian)(mian)交(jiao)(jiao)互設(she)計(ji)的(de)(de)(de)(de)(de)研(yan)究(jiu)得(de)出這(zhe)些產(chan)品的(de)(de)(de)(de)(de)推廣和(he)應用(yong)(yong)(yong)方式(shi)。實(shi)際上(shang)用(yong)(yong)(yong)戶(hu)界面(mian)(mian)(mian)本(ben)身就是(shi)一種設(she)計(ji)，像其他(ta)設(she)計(ji)一樣(yang)需要(yao)獨特的(de)(de)(de)(de)(de)設(she)計(ji)方案。隨(sui)著硬(ying)件(jian)技(ji)術的(de)(de)(de)(de)(de)發展，人們(men)關心的(de)(de)(de)(de)(de)重點是(shi)軟件(jian)的(de)(de)(de)(de)(de)易用(yong)(yong)(yong)性(xing)(xing)和(he)美(mei)觀性(xing)(xing)。如(ru)何設(she)計(ji)成功的(de)(de)(de)(de)(de)界面(mian)(mian)(mian)，取決于對UI交(jiao)(jiao)互設(she)計(ji)的(de)(de)(de)(de)(de)理(li)解(jie)和(he)對用(yong)(yong)(yong)戶(hu)體驗設(she)計(ji)的(de)(de)(de)(de)(de)研(yan)究(jiu)。

一、用戶研究，了(le)解用戶，彌合差距

現(xian)(xian)實生活中，人(ren)們對(dui)(dui)周圍世界的(de)描述(shu)和感(gan)(gan)知(zhi)有部分不是真實的(de)，人(ren)們所感(gan)(gan)知(zhi)到的(de)在(zai)很大程(cheng)度上取(qu)決于人(ren)們的(de)期(qi)望(wang)，人(ren)們的(de)描述(shu)根據(ju)期(qi)望(wang)提出并通過(guo)設(she)計(ji)展現(xian)(xian)出來，人(ren)們的(de)過(guo)去、現(xian)(xian)在(zai)、將來成為(wei)影響感(gan)(gan)知(zhi)的(de)三個要素，設(she)計(ji)者對(dui)(dui)于用(yong)(yong)(yong)(yong)(yong)戶(hu)也需要從這三個要素上去研(yan)究(jiu)(jiu)(jiu)、觀察、分析(xi)和反饋。現(xian)(xian)在(zai)，移動終端的(de)開(kai)發不斷創新，如幾年前(qian)老(lao)年智能(neng)(neng)機(ji)的(de)出現(xian)(xian)、近期(qi)兒童智能(neng)(neng)手(shou)(shou)(shou)表的(de)廣泛(fan)應用(yong)(yong)(yong)(yong)(yong)。各(ge)個科技(ji)公司正在(zai)研(yan)發更(geng)加強大的(de)智能(neng)(neng)終端系統APP。如2015年底面世的(de)錘子T2手(shou)(shou)(shou)機(ji)，錘子科技(ji)針(zhen)對(dui)(dui)如何教會老(lao)年人(ren)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)(yong)智能(neng)(neng)觸屏(ping)手(shou)(shou)(shou)機(ji)開(kai)發了(le)遠(yuan)程(cheng)協(xie)助功能(neng)(neng)，這給智能(neng)(neng)科技(ji)手(shou)(shou)(shou)機(ji)帶來了(le)新的(de)盈利模式。正是出于對(dui)(dui)用(yong)(yong)(yong)(yong)(yong)戶(hu)的(de)不斷探究(jiu)(jiu)(jiu)，各(ge)種新奇、有用(yong)(yong)(yong)(yong)(yong)的(de)APP應運而生。互聯網公司、手(shou)(shou)(shou)機(ji)科技(ji)公司、軟件公司對(dui)(dui)新產品的(de)研(yan)發要從用(yong)(yong)(yong)(yong)(yong)戶(hu)研(yan)究(jiu)(jiu)(jiu)做起，要了(le)解透徹(che)用(yong)(yong)(yong)(yong)(yong)戶(hu)，要尋找用(yong)(yong)(yong)(yong)(yong)戶(hu)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)(yong)產品的(de)痛點(dian)，然后進(jin)行(xing)痛點(dian)分析(xi)，據(ju)以進(jin)行(xing)產品開(kai)發或(huo)改造。在(zai)對(dui)(dui)用(yong)(yong)(yong)(yong)(yong)戶(hu)研(yan)究(jiu)(jiu)(jiu)的(de)過(guo)程(cheng)中，準確(que)把握用(yong)(yong)(yong)(yong)(yong)戶(hu)經驗、使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)(yong)環境、未(wei)來目標，是進(jin)行(xing)產品研(yan)究(jiu)(jiu)(jiu)開(kai)發的(de)必要基礎。

移動互(hu)聯網(wang)(wang)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)品(pin)(pin)(pin)(pin)專家(jia)在(zai)分析(xi)網(wang)(wang)絡(luo)移動終端產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)時(shi)(shi)將用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)分成(cheng)三類(lei)(lei)。第一(yi)類(lei)(lei)是(shi)(shi)專家(jia)型用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)。這(zhe)(zhe)類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)特(te)點是(shi)(shi)有(you)強(qiang)(qiang)烈的(de)(de)(de)(de)(de)(de)愿(yuan)望探索(suo)新(xin)的(de)(de)(de)(de)(de)(de)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)和服務(wu)。對于(yu)出(chu)現的(de)(de)(de)(de)(de)(de)新(xin)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)，專家(jia)型用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)往(wang)(wang)往(wang)(wang)迫不(bu)及待地花(hua)時(shi)(shi)間探索(suo)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)的(de)(de)(de)(de)(de)(de)新(xin)功(gong)能(neng)(neng)(neng)、新(xin)特(te)征。不(bu)過，這(zhe)(zhe)類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)在(zai)總(zong)體上占(zhan)少數。第二(er)類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)可(ke)以(yi)稱(cheng)為(wei)(wei)隨意性(xing)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)。隨意性(xing)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)可(ke)能(neng)(neng)(neng)不(bu)喜歡改(gai)變(bian)，接觸全新(xin)事(shi)物(wu)的(de)(de)(de)(de)(de)(de)意愿(yuan)可(ke)能(neng)(neng)(neng)不(bu)是(shi)(shi)太強(qiang)(qiang)。第三類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)可(ke)以(yi)稱(cheng)為(wei)(wei)主(zhu)流(liu)(liu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)。這(zhe)(zhe)類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)往(wang)(wang)往(wang)(wang)不(bu)會(hui)因為(wei)(wei)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)有(you)某項技術而使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)這(zhe)(zhe)種產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)，他們(men)使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)的(de)(de)(de)(de)(de)(de)目(mu)的(de)(de)(de)(de)(de)(de)是(shi)(shi)完(wan)成(cheng)某項任務(wu)，在(zai)情(qing)感(gan)上更加偏重手機的(de)(de)(de)(de)(de)(de)功(gong)能(neng)(neng)(neng)本身，但是(shi)(shi)他們(men)往(wang)(wang)往(wang)(wang)不(bu)會(hui)花(hua)費精力(li)學會(hui)所有(you)的(de)(de)(de)(de)(de)(de)功(gong)能(neng)(neng)(neng)，在(zai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)中(zhong)(zhong)，這(zhe)(zhe)類(lei)(lei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)所占(zhan)的(de)(de)(de)(de)(de)(de)比(bi)例(li)最大。在(zai)研(yan)發過程中(zhong)(zhong)，設(she)(she)(she)(she)(she)計(ji)者應盡量避免(mian)只(zhi)針對專家(jia)型用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)需(xu)(xu)求(qiu)進(jin)行(xing)設(she)(she)(she)(she)(she)計(ji)，否則設(she)(she)(she)(she)(she)計(ji)出(chu)來的(de)(de)(de)(de)(de)(de)手機APP可(ke)能(neng)(neng)(neng)會(hui)使(shi)主(zhu)流(liu)(liu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)知難(nan)而退。很多(duo)(duo)軟件的(de)(de)(de)(de)(de)(de)開發要(yao)(yao)以(yi)主(zhu)流(liu)(liu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)為(wei)(wei)主(zhu)體，設(she)(she)(she)(she)(she)計(ji)者在(zai)進(jin)行(xing)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)分析(xi)時(shi)(shi)，可(ke)以(yi)多(duo)(duo)觀察主(zhu)流(liu)(liu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)行(xing)為(wei)(wei)習慣，通過用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)測試改(gai)進(jin)手機和網(wang)(wang)站等，在(zai)研(yan)發過程中(zhong)(zhong)以(yi)主(zhu)流(liu)(liu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)為(wei)(wei)目(mu)標(biao)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)。總(zong)體來說，設(she)(she)(she)(she)(she)計(ji)者要(yao)(yao)解決的(de)(de)(de)(de)(de)(de)UI交(jiao)互(hu)設(she)(she)(she)(she)(she)計(ji)的(de)(de)(de)(de)(de)(de)核心問題就是(shi)(shi)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)對用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)心理的(de)(de)(de)(de)(de)(de)影(ying)響(xiang)，要(yao)(yao)將產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)設(she)(she)(she)(she)(she)計(ji)的(de)(de)(de)(de)(de)(de)核心轉(zhuan)移到(dao)以(yi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)為(wei)(wei)中(zhong)(zhong)心上來。UI交(jiao)互(hu)設(she)(she)(she)(she)(she)計(ji)師(shi)或(huo)(huo)程序員(yuan)要(yao)(yao)想(xiang)設(she)(she)(she)(she)(she)計(ji)出(chu)好(hao)的(de)(de)(de)(de)(de)(de)產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)，就要(yao)(yao)明確目(mu)標(biao)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)是(shi)(shi)誰，正(zheng)確定位用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)需(xu)(xu)要(yao)(yao)。當然，很多(duo)(duo)時(shi)(shi)候用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)可(ke)能(neng)(neng)(neng)不(bu)清楚(chu)自(zi)己的(de)(de)(de)(de)(de)(de)需(xu)(xu)求(qiu)是(shi)(shi)什么，或(huo)(huo)者難(nan)以(yi)清晰表達(da)自(zi)己的(de)(de)(de)(de)(de)(de)需(xu)(xu)要(yao)(yao)，此時(shi)(shi)UI交(jiao)互(hu)設(she)(she)(she)(she)(she)計(ji)師(shi)或(huo)(huo)程序員(yuan)就該發揮(hui)自(zi)身的(de)(de)(de)(de)(de)(de)作用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)，了解用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)特(te)征、使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)能(neng)(neng)(neng)力(li)和使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)目(mu)的(de)(de)(de)(de)(de)(de)，想(xiang)辦(ban)法滿足用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)要(yao)(yao)求(qiu)。好(hao)的(de)(de)(de)(de)(de)(de)UI交(jiao)互(hu)設(she)(she)(she)(she)(she)計(ji)應該能(neng)(neng)(neng)夠在(zai)不(bu)影(ying)響(xiang)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)個人目(mu)標(biao)的(de)(de)(de)(de)(de)(de)情(qing)況(kuang)下，幫助他們(men)達(da)成(cheng)實(shi)際(ji)目(mu)標(biao)。真正(zheng)解決問題的(de)(de)(de)(de)(de)(de)關鍵在(zai)于(yu)設(she)(she)(she)(she)(she)計(ji)者能(neng)(neng)(neng)夠換位思考，以(yi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)心理狀態、行(xing)為(wei)(wei)方(fang)式考慮產(chan)(chan)(chan)品(pin)(pin)(pin)(pin)設(she)(she)(she)(she)(she)計(ji)。

二、應用視覺(jue)設計(ji)(ji)研(yan)究，設計(ji)(ji)過(guo)程

在過(guo)(guo)去的(de)(de)(de)(de)產(chan)(chan)品(pin)(pin)設(she)(she)(she)(she)計(ji)過(guo)(guo)程(cheng)中，一般是程(cheng)序員設(she)(she)(she)(she)計(ji)交(jiao)互界(jie)(jie)面(mian)，但(dan)程(cheng)序員往往沒(mei)有(you)足夠的(de)(de)(de)(de)時(shi)間考慮UI交(jiao)互設(she)(she)(she)(she)計(ji)，沒(mei)有(you)明確的(de)(de)(de)(de)產(chan)(chan)品(pin)(pin)設(she)(she)(she)(she)計(ji)方向，也沒(mei)有(you)恰當(dang)的(de)(de)(de)(de)設(she)(she)(she)(she)計(ji)思路(lu)(lu)和(he)方法，所以一些電子信(xin)(xin)息產(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)UI交(jiao)互設(she)(she)(she)(she)計(ji)并不成功(gong)，甚(shen)至(zhi)影(ying)響(xiang)了產(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)有(you)效(xiao)使用。現在，人們對(dui)于(yu)用戶體驗、交(jiao)互方式的(de)(de)(de)(de)要(yao)(yao)求與日俱增，產(chan)(chan)品(pin)(pin)經理為(wei)了解決在信(xin)(xin)息時(shi)代所面(mian)臨的(de)(de)(de)(de)復(fu)雜而獨特的(de)(de)(de)(de)問(wen)題(ti)，對(dui)于(yu)營銷(xiao)思路(lu)(lu)方式、視(shi)覺設(she)(she)(she)(she)計(ji)研究、設(she)(she)(she)(she)計(ji)過(guo)(guo)程(cheng)越(yue)來越(yue)重視(shi)，逐步提(ti)高(gao)對(dui)用戶評價的(de)(de)(de)(de)重視(shi)程(cheng)度(du)，逐步改善產(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)交(jiao)互體驗。在創(chuang)(chuang)建(jian)軟件(jian)的(de)(de)(de)(de)過(guo)(guo)程(cheng)中，戰略(lve)層、框架層、信(xin)(xin)息層、用戶層、設(she)(she)(she)(she)計(ji)層、體驗層常(chang)常(chang)是在壓(ya)縮成本時(shi)最(zui)先被考慮的(de)(de)(de)(de)部分。在產(chan)(chan)品(pin)(pin)設(she)(she)(she)(she)計(ji)的(de)(de)(de)(de)視(shi)覺層面(mian)，設(she)(she)(she)(she)計(ji)過(guo)(guo)度(du)的(de)(de)(de)(de)情況時(shi)有(you)發(fa)生(sheng)(sheng)，如(ru)果希望設(she)(she)(she)(she)計(ji)的(de)(de)(de)(de)產(chan)(chan)品(pin)(pin)能夠得(de)到用戶的(de)(de)(de)(de)認可，就需(xu)要(yao)(yao)將產(chan)(chan)品(pin)(pin)界(jie)(jie)面(mian)設(she)(she)(she)(she)計(ji)得(de)簡潔而不簡單，如(ru)果設(she)(she)(she)(she)計(ji)過(guo)(guo)程(cheng)和(he)視(shi)覺設(she)(she)(she)(she)計(ji)思路(lu)(lu)非(fei)常(chang)棒，就會大大提(ti)升產(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)競(jing)爭(zheng)力，使產(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)使用壽命延長(chang)(chang)，具有(you)更長(chang)(chang)的(de)(de)(de)(de)生(sheng)(sheng)命周期，有(you)利于(yu)提(ti)高(gao)客戶的(de)(de)(de)(de)忠(zhong)誠(cheng)度(du)，使產(chan)(chan)品(pin)(pin)創(chuang)(chuang)造出更大的(de)(de)(de)(de)價值。

在(zai)(zai)(zai)UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)研究(jiu)開發過(guo)(guo)(guo)程(cheng)中(zhong)，設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)師主要是對產(chan)品(pin)界面(mian)(mian)的(de)(de)文字(zi)、圖(tu)形、色(se)彩、版式(shi)進行研究(jiu)，在(zai)(zai)(zai)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)過(guo)(guo)(guo)程(cheng)中(zhong)需(xu)要不(bu)斷試錯、改(gai)(gai)善，甚(shen)至(zhi)在(zai)(zai)(zai)投入使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)后，還(huan)要進行修(xiu)改(gai)(gai)、更新(xin)。UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)師為了了解用(yong)(yong)(yong)(yong)戶(hu)的(de)(de)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)心理，會在(zai)(zai)(zai)實踐中(zhong)進行用(yong)(yong)(yong)(yong)戶(hu)研究(jiu)，注(zhu)重和(he)強(qiang)調(diao)人(ren)作(zuo)為主體的(de)(de)多樣性，而(er)不(bu)局限于(yu)運用(yong)(yong)(yong)(yong)市場人(ren)員通常采用(yong)(yong)(yong)(yong)的(de)(de)統(tong)(tong)計(ji)(ji)(ji)(ji)(ji)式(shi)量化研究(jiu)方(fang)法。在(zai)(zai)(zai)UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)過(guo)(guo)(guo)程(cheng)中(zhong)，視(shi)覺(jue)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)起(qi)著(zhu)掌控大局的(de)(de)作(zuo)用(yong)(yong)(yong)(yong)。隨著(zhu)網絡移動終端(duan)產(chan)品(pin)的(de)(de)日益(yi)復(fu)雜(za)和(he)功能越(yue)(yue)來越(yue)(yue)多、越(yue)(yue)來越(yue)(yue)強(qiang)大，用(yong)(yong)(yong)(yong)戶(hu)對產(chan)品(pin)易用(yong)(yong)(yong)(yong)性的(de)(de)要求也越(yue)(yue)來越(yue)(yue)高。用(yong)(yong)(yong)(yong)戶(hu)在(zai)(zai)(zai)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)過(guo)(guo)(guo)程(cheng)中(zhong)可能產(chan)生一(yi)(yi)些(xie)困擾，這時UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)就會發揮(hui)聯系產(chan)品(pin)和(he)用(yong)(yong)(yong)(yong)戶(hu)的(de)(de)橋梁作(zuo)用(yong)(yong)(yong)(yong)。UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)在(zai)(zai)(zai)軟(ruan)件開發過(guo)(guo)(guo)程(cheng)中(zhong)起(qi)著(zhu)重要的(de)(de)作(zuo)用(yong)(yong)(yong)(yong)。對于(yu)每一(yi)(yi)個(ge)新(xin)的(de)(de)系統(tong)(tong)，用(yong)(yong)(yong)(yong)戶(hu)都需(xu)要新(xin)的(de)(de)適(shi)應(ying)過(guo)(guo)(guo)程(cheng)，如果(guo)產(chan)品(pin)界面(mian)(mian)風(feng)格(ge)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)變化不(bu)定，會給用(yong)(yong)(yong)(yong)戶(hu)帶(dai)來很(hen)大的(de)(de)麻煩，增加用(yong)(yong)(yong)(yong)戶(hu)的(de)(de)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)難度，甚(shen)至(zhi)會招致用(yong)(yong)(yong)(yong)戶(hu)的(de)(de)厭煩。在(zai)(zai)(zai)界面(mian)(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)過(guo)(guo)(guo)程(cheng)中(zhong)，視(shi)覺(jue)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)部(bu)分(fen)也要注(zhu)意交(jiao)互(hu)的(de)(de)重要性，注(zhu)重設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)風(feng)格(ge)的(de)(de)統(tong)(tong)一(yi)(yi)性。如，APP界面(mian)(mian)中(zhong)要有“返回(hui)”“后退(tui)”“上(shang)一(yi)(yi)頁”等(deng)按鈕，界面(mian)(mian)上(shang)圖(tu)標的(de)(de)風(feng)格(ge)要一(yi)(yi)致，文字(zi)或(huo)(huo)圖(tu)形不(bu)能隨意擺(bai)放，從而(er)保證用(yong)(yong)(yong)(yong)戶(hu)獲(huo)得較(jiao)好的(de)(de)交(jiao)互(hu)體驗。UI交(jiao)互(hu)設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)對于(yu)界面(mian)(mian)元素的(de)(de)模塊化也非常重視(shi)，版權(quan)信息(xi)、導航條、圖(tu)片等(deng)要盡量重復(fu)使(shi)(shi)(shi)用(yong)(yong)(yong)(yong)，設(she)(she)(she)(she)計(ji)(ji)(ji)(ji)(ji)過(guo)(guo)(guo)程(cheng)應(ying)盡量簡潔(jie)，將元素縮減(jian)到最少或(huo)(huo)者排列到最合(he)理的(de)(de)位置。

三(san)、交互細節研究測試，說服溝通(tong)

交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)側重(zhong)的(de)(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)式系(xi)統的(de)(de)(de)(de)(de)(de)(de)(de)開發。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)研(yan)究以(yi)技(ji)術(shu)(shu)為(wei)重(zhong)心，強調的(de)(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)設(she)(she)(she)計(ji)(ji)(ji)技(ji)巧。這種(zhong)設(she)(she)(she)計(ji)(ji)(ji)技(ji)巧通(tong)常(chang)(chang)著(zhu)(zhu)眼于(yu)呈現(xian)內容(rong)時的(de)(de)(de)(de)(de)(de)(de)(de)視覺(jue)(jue)美(mei)(mei)感，即對界面的(de)(de)(de)(de)(de)(de)(de)(de)視覺(jue)(jue)美(mei)(mei)化(hua)(hua)和(he)包裝。視覺(jue)(jue)美(mei)(mei)感是(shi)(shi)設(she)(she)(she)計(ji)(ji)(ji)師(shi)通(tong)過(guo)對界面中圖(tu)(tu)形、文字(zi)的(de)(de)(de)(de)(de)(de)(de)(de)編(bian)排展現(xian)的(de)(de)(de)(de)(de)(de)(de)(de)，體現(xian)的(de)(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)技(ji)術(shu)(shu)性，強調的(de)(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)平臺相關的(de)(de)(de)(de)(de)(de)(de)(de)范式。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)師(shi)是(shi)(shi)連接程(cheng)序員(yuan)和(he)用(yong)(yong)戶(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)有效橋梁。在設(she)(she)(she)計(ji)(ji)(ji)過(guo)程(cheng)中，UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)師(shi)需(xu)(xu)要考(kao)(kao)慮的(de)(de)(de)(de)(de)(de)(de)(de)第一(yi)個重(zhong)點是(shi)(shi)系(xi)統的(de)(de)(de)(de)(de)(de)(de)(de)易用(yong)(yong)性。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)師(shi)要明確并(bing)不(bu)是(shi)(shi)每位用(yong)(yong)戶(hu)(hu)(hu)都能(neng)非(fei)常(chang)(chang)熟(shu)練地掌(zhang)握(wo)計(ji)(ji)(ji)算機網絡技(ji)術(shu)(shu)，一(yi)些工具欄的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)標(biao)(biao)對于(yu)初次接觸網絡移動終(zhong)端(duan)產(chan)品的(de)(de)(de)(de)(de)(de)(de)(de)群體來(lai)說(shuo)是(shi)(shi)比(bi)較陌生的(de)(de)(de)(de)(de)(de)(de)(de)，因此圖(tu)(tu)標(biao)(biao)的(de)(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)計(ji)(ji)(ji)起著(zhu)(zhu)至(zhi)關重(zhong)要的(de)(de)(de)(de)(de)(de)(de)(de)作用(yong)(yong)。在交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)細節研(yan)究測試(shi)過(guo)程(cheng)中，最(zui)好(hao)可(ke)以(yi)讓不(bu)同(tong)的(de)(de)(de)(de)(de)(de)(de)(de)用(yong)(yong)戶(hu)(hu)(hu)從首頁開始操作體驗(yan)，不(bu)要給用(yong)(yong)戶(hu)(hu)(hu)任何操作提(ti)示和(he)幫(bang)助，設(she)(she)(she)計(ji)(ji)(ji)者(zhe)觀(guan)察(cha)用(yong)(yong)戶(hu)(hu)(hu)使用(yong)(yong)的(de)(de)(de)(de)(de)(de)(de)(de)熟(shu)練程(cheng)度，記錄并(bing)查找軟件的(de)(de)(de)(de)(de)(de)(de)(de)所有缺陷，加以(yi)改進。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)考(kao)(kao)慮的(de)(de)(de)(de)(de)(de)(de)(de)第二個重(zhong)點就(jiu)是(shi)(shi)流程(cheng)簡便。交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)核心在于(yu)用(yong)(yong)戶(hu)(hu)(hu)和(he)產(chan)品的(de)(de)(de)(de)(de)(de)(de)(de)對話(hua)，即用(yong)(yong)戶(hu)(hu)(hu)和(he)系(xi)統與服務(wu)的(de)(de)(de)(de)(de)(de)(de)(de)對話(hua)，交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)是(shi)(shi)為(wei)了讓產(chan)品產(chan)生更大的(de)(de)(de)(de)(de)(de)(de)(de)使用(yong)(yong)價值，展現(xian)出能(neng)夠引起目標(biao)(biao)用(yong)(yong)戶(hu)(hu)(hu)共鳴的(de)(de)(de)(de)(de)(de)(de)(de)良好(hao)設(she)(she)(she)計(ji)(ji)(ji)，使用(yong)(yong)戶(hu)(hu)(hu)更加簡便地解決復(fu)雜問題，最(zui)終(zhong)增(zeng)進用(yong)(yong)戶(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)愉快體驗(yan)。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)對人(ren)有直接的(de)(de)(de)(de)(de)(de)(de)(de)影響，理解了這一(yi)點，就(jiu)能(neng)為(wei)整個設(she)(she)(she)計(ji)(ji)(ji)過(guo)程(cheng)注(zhu)入獨特(te)的(de)(de)(de)(de)(de)(de)(de)(de)、人(ren)性化(hua)(hua)的(de)(de)(de)(de)(de)(de)(de)(de)一(yi)面，從而將設(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)重(zhong)心從技(ji)術(shu)(shu)工藝轉移到人(ren)。只有以(yi)人(ren)為(wei)中心，研(yan)發的(de)(de)(de)(de)(de)(de)(de)(de)產(chan)品才能(neng)更好(hao)地為(wei)人(ren)所用(yong)(yong)，才能(neng)獲得長(chang)足的(de)(de)(de)(de)(de)(de)(de)(de)發展。UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)精髓在于(yu)：設(she)(she)(she)計(ji)(ji)(ji)應該以(yi)用(yong)(yong)戶(hu)(hu)(hu)為(wei)中心，說(shuo)服溝通(tong)。真正理解用(yong)(yong)戶(hu)(hu)(hu)需(xu)(xu)求的(de)(de)(de)(de)(de)(de)(de)(de)唯一(yi)途徑，即與用(yong)(yong)戶(hu)(hu)(hu)進行(xing)實際的(de)(de)(de)(de)(de)(de)(de)(de)互(hu)(hu)(hu)(hu)(hu)(hu)動。理解用(yong)(yong)戶(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)過(guo)程(cheng)就(jiu)是(shi)(shi)嘗試(shi)了解他們(men)的(de)(de)(de)(de)(de)(de)(de)(de)所思、所說(shuo)和(he)所做的(de)(de)(de)(de)(de)(de)(de)(de)過(guo)程(cheng)，設(she)(she)(she)計(ji)(ji)(ji)師(shi)由(you)此創造(zao)可(ke)用(yong)(yong)、有用(yong)(yong)和(he)令人(ren)向往(wang)的(de)(de)(de)(de)(de)(de)(de)(de)UI交(jiao)互(hu)(hu)(hu)(hu)(hu)(hu)設(she)(she)(she)計(ji)(ji)(ji)作品。

四、結語

UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)師(shi)嘗(chang)試在獨立的(de)(de)(de)(de)(de)組(zu)件之間(jian)建立有(you)意義的(de)(de)(de)(de)(de)視覺(jue)表(biao)達(da)，以(yi)期了解它們背后的(de)(de)(de)(de)(de)關(guan)系。創建這(zhe)些可視化(hua)表(biao)達(da)的(de)(de)(de)(de)(de)終極(ji)目(mu)標是(shi)獲得(de)深(shen)入的(de)(de)(de)(de)(de)理(li)解。設(she)(she)計(ji)師(shi)用(yong)(yong)新奇(qi)的(de)(de)(de)(de)(de)方(fang)(fang)式對各(ge)種想(xiang)法進行(xing)分析、重構(gou)，對想(xiang)法之間(jian)抽(chou)象(xiang)的(de)(de)(de)(de)(de)、有(you)意義的(de)(de)(de)(de)(de)關(guan)聯獲得(de)深(shen)入的(de)(de)(de)(de)(de)理(li)解，這(zhe)種理(li)解會被應用(yong)(yong)到系統(tong)、服(fu)務或人(ren)(ren)(ren)工制品(pin)(pin)的(de)(de)(de)(de)(de)開發(fa)過程(cheng)中(zhong)(zhong)。在UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)過程(cheng)中(zhong)(zhong)，溝通是(shi)設(she)(she)計(ji)中(zhong)(zhong)極(ji)為(wei)重要(yao)的(de)(de)(de)(de)(de)問(wen)題之一，做好溝通是(shi)UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)的(de)(de)(de)(de)(de)前提。產(chan)(chan)(chan)品(pin)(pin)的(de)(de)(de)(de)(de)設(she)(she)計(ji)要(yao)注重為(wei)用(yong)(yong)戶(hu)著想(xiang)，人(ren)(ren)(ren)性(xing)化(hua)設(she)(she)計(ji)是(shi)項目(mu)成(cheng)功的(de)(de)(de)(de)(de)保證(zheng)。我們周圍充滿各(ge)種各(ge)樣的(de)(de)(de)(de)(de)APP產(chan)(chan)(chan)品(pin)(pin)，好的(de)(de)(de)(de)(de)UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)能給(gei)用(yong)(yong)戶(hu)帶(dai)來(lai)愉(yu)悅感，使(shi)工作效(xiao)率得(de)到提高，使(shi)產(chan)(chan)(chan)品(pin)(pin)突出、耀眼、深(shen)入人(ren)(ren)(ren)心。優秀的(de)(de)(de)(de)(de)UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)給(gei)人(ren)(ren)(ren)們的(de)(de)(de)(de)(de)生活方(fang)(fang)方(fang)(fang)面面都帶(dai)來(lai)非常好的(de)(de)(de)(de)(de)體驗，UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)的(de)(de)(de)(de)(de)工具和手段不(bu)僅(jin)可以(yi)用(yong)(yong)來(lai)開發(fa)產(chan)(chan)(chan)品(pin)(pin)，還能被借鑒以(yi)解決社(she)會問(wen)題。先(xian)超越風(feng)格之設(she)(she)計(ji)，進而(er)提升到深(shen)遠的(de)(de)(de)(de)(de)世界之大設(she)(she)計(ji)，是(shi)UI交(jiao)(jiao)互(hu)設(she)(she)計(ji)師(shi)不(bu)斷探(tan)索研究之本。

參考文獻：

[1]（美）普里斯等(deng).交互(hu)設計——超越人機(ji)交互(hu).劉(liu)曉暉，張景(jing)等(deng)，譯.電子(zi)工業出(chu)版(ban)社，2003.

篇6

【關(guan)鍵詞】網頁UI設計；視覺(jue)設計；視覺(jue)吸引；交互設計；交互藝術

隨(sui)著信息(xi)(xi)化的(de)(de)(de)(de)深入，網(wang)(wang)頁成為人們(men)瀏覽信息(xi)(xi)、獲(huo)取信息(xi)(xi)、放(fang)眼(yan)世(shi)界(jie)的(de)(de)(de)(de)主要窗口之一。在傳統網(wang)(wang)頁的(de)(de)(de)(de)界(jie)面設(she)計(ji)(ji)中，人們(men)認為網(wang)(wang)頁界(jie)面設(she)計(ji)(ji)就(jiu)是(shi)(shi)美工，而美工就(jiu)是(shi)(shi)單(dan)純對網(wang)(wang)頁進行(xing)(xing)裝飾。隨(sui)著網(wang)(wang)絡(luo)技(ji)術(shu)的(de)(de)(de)(de)發展與(yu)普(pu)及，網(wang)(wang)頁界(jie)面設(she)計(ji)(ji)的(de)(de)(de)(de)技(ji)術(shu)在不(bu)(bu)斷的(de)(de)(de)(de)進步，設(she)計(ji)(ji)的(de)(de)(de)(de)理念也在不(bu)(bu)斷的(de)(de)(de)(de)更新，網(wang)(wang)頁界(jie)面設(she)計(ji)(ji)不(bu)(bu)再是(shi)(shi)單(dan)純的(de)(de)(de)(de)視覺設(she)計(ji)(ji)，而是(shi)(shi)將視覺設(she)計(ji)(ji)與(yu)人的(de)(de)(de)(de)行(xing)(xing)為習(xi)慣、生活方式、心理體驗等結合在一起的(de)(de)(de)(de)設(she)計(ji)(ji)，基于用戶體驗的(de)(de)(de)(de)網(wang)(wang)頁UI設(she)計(ji)(ji)是(shi)(shi)當前研(yan)究的(de)(de)(de)(de)熱點。

一、網頁UI設(she)計及用戶體(ti)驗

UI即User Interface（用(yong)(yong)戶界面）的(de)簡(jian)稱(cheng)，指對軟件的(de)人(ren)機(ji)交互、操作邏輯(ji)、界面美觀(guan)的(de)整體(ti)(ti)設(she)(she)計(ji)。網(wang)頁(ye)UI設(she)(she)計(ji)用(yong)(yong)戶體(ti)(ti)驗（User Experience，簡(jian)稱(cheng)UE）則是一種純(chun)主觀(guan)在(zai)用(yong)(yong)戶使用(yong)(yong)產品(pin)過程中建立(li)起來的(de)感受。由于生活習慣、文化背景(jing)、行為(wei)方式及心理體(ti)(ti)驗等不同(tong)，用(yong)(yong)戶體(ti)(ti)驗產品(pin)時會有不同(tong)的(de)感受，一個(ge)好的(de)UI設(she)(she)計(ji)要能充分滿足大眾的(de)需求，使用(yong)(yong)戶在(zai)體(ti)(ti)驗過程中都能心情(qing)愉(yu)悅、操作流暢、交互高(gao)效。

就(jiu)網(wang)(wang)頁(ye)(ye)(ye)(ye)UI設(she)(she)計(ji)而(er)言，用(yong)(yong)戶瀏(liu)(liu)覽(lan)(lan)網(wang)(wang)頁(ye)(ye)(ye)(ye)的(de)需求是(shi)什(shen)么？抽象出來可以(yi)歸納為兩(liang)點(dian)：一(yi)瀏(liu)(liu)覽(lan)(lan)信息，二操(cao)(cao)作數(shu)(shu)據(ju)(ju)(ju)。這(zhe)里的(de)數(shu)(shu)據(ju)(ju)(ju)是(shi)指在數(shu)(shu)據(ju)(ju)(ju)庫中(zhong)躺著的(de)數(shu)(shu)據(ju)(ju)(ju)，用(yong)(yong)戶在單純(chun)瀏(liu)(liu)覽(lan)(lan)信息時，不會對頁(ye)(ye)(ye)(ye)面(mian)背后(hou)的(de)“數(shu)(shu)據(ju)(ju)(ju)”造成任何(he)操(cao)(cao)作，但用(yong)(yong)戶進(jin)行點(dian)擊鏈(lian)接、跳轉頁(ye)(ye)(ye)(ye)面(mian)和處理信息時，就(jiu)要和頁(ye)(ye)(ye)(ye)面(mian)背后(hou)的(de)數(shu)(shu)據(ju)(ju)(ju)進(jin)行交互(hu)。所(suo)以(yi)，在做網(wang)(wang)頁(ye)(ye)(ye)(ye)UI設(she)(she)計(ji)時候主要滿(man)足(zu)于用(yong)(yong)戶的(de)這(zhe)兩(liang)方(fang)面(mian)的(de)需求，第一(yi)是(shi)用(yong)(yong)戶在瀏(liu)(liu)覽(lan)(lan)信息時候，要有(you)一(yi)個(ge)賞(shang)心悅目的(de)界面(mian)，即(ji)網(wang)(wang)頁(ye)(ye)(ye)(ye)界面(mian)的(de)視(shi)覺設(she)(she)計(ji)要美觀。第二是(shi)用(yong)(yong)戶在操(cao)(cao)作數(shu)(shu)據(ju)(ju)(ju)時候要高(gao)效，即(ji)網(wang)(wang)頁(ye)(ye)(ye)(ye)界面(mian)的(de)交互(hu)設(she)(she)計(ji)靈活。

二、網頁界面視(shi)覺(jue)設計

愛(ai)美(mei)之(zhi)心(xin)人皆有之(zhi)，漂亮的網(wang)(wang)頁(ye)界面(mian)能(neng)吸(xi)引瀏(liu)覽者的眼球、提高網(wang)(wang)頁(ye)的瀏(liu)覽量。傳(chuan)(chuan)統網(wang)(wang)頁(ye)美(mei)工(gong)設(she)計，更注重(zhong)網(wang)(wang)頁(ye)的布局以及(ji)(ji)網(wang)(wang)頁(ye)的顏(yan)色搭配，換(huan)言之(zhi)，就是重(zhong)在設(she)計網(wang)(wang)頁(ye)平面(mian)效果圖(tu)和以及(ji)(ji)對網(wang)(wang)頁(ye)進(jin)行裝(zhuang)飾。隨著人們生活節奏(zou)的加快，快餐(can)文化日漸(jian)豐(feng)富，僅靠傳(chuan)(chuan)統網(wang)(wang)頁(ye)美(mei)工(gong)已不能(neng)適應當今(jin)網(wang)(wang)頁(ye)發展的需要。那么，如何讓你的網(wang)(wang)站跟(gen)上時代的步伐，滿足當今(jin)用(yong)戶的需求呢(ni)？

從用戶體驗出(chu)(chu)發：什(shen)么東(dong)西(xi)能(neng)(neng)讓(rang)我們(men)從電腦(nao)屏幕上看到接近于(yu)現實(shi)世界(jie)的(de)東(dong)西(xi)？是視覺(jue)吸引(yin)，視覺(jue)吸引(yin)是非常有效的(de)提示工具，通常在用戶第一次(ci)打開某個應用，或進入某個新的(de)界(jie)面時出(chu)(chu)現。簡單(dan)的(de)視覺(jue)吸引(yin)能(neng)(neng)扭(niu)轉乾坤，把令(ling)人沮喪萬分(fen)的(de)第一次(ci)使用經歷變成滿意的(de)產品使用體驗。[1]常見的(de)網頁視覺(jue)吸引(yin)的(de)模式(shi)：

1.對話框

這是(shi)最常(chang)見的視覺吸引模式，它是(shi)網頁中一種次(ci)要窗(chuang)口，包(bao)含按鈕和(he)各(ge)種選項，通過它可(ke)以完成特定命令或任務。

2.提示

提(ti)示指給(gei)予相應(ying)的(de)提(ti)醒、明示和解釋，它可以出現在網頁(ye)中(zhong)的(de)任何位(wei)置(zhi)，比對(dui)話框更(geng)能融入(ru)到(dao)網頁(ye)的(de)應(ying)用情景。

3.使用導航

導航是網頁布局中最(zui)重要的(de)(de)元素(su)之一，是網頁主要內容的(de)(de)提煉，是網站(zhan)的(de)(de)框架更是網站(zhan)信息的(de)(de)分類，直觀漂亮的(de)(de)導航能吸(xi)引用戶的(de)(de)操作。

4.視頻演示

將視(shi)(shi)頻(pin)嵌(qian)入(ru)到網頁(ye)當中，通過視(shi)(shi)頻(pin)形(xing)象(xiang)直觀的畫(hua)面來(lai)吸引瀏覽(lan)者。在(zai)進行視(shi)(shi)頻(pin)嵌(qian)入(ru)設(she)計時，為(wei)了(le)便于(yu)用戶的操作(zuo)，一般(ban)要提供常(chang)見(jian)的視(shi)(shi)頻(pin)控制選(xuan)項（停止、暫停、音量控制等）。

5.首次使用引導

用(yong)戶首次使用(yong)網(wang)頁或(huo)是網(wang)頁界(jie)面中的某些操作時候，提(ti)供適當(dang)的引(yin)導，幫助用(yong)戶進入操作界(jie)面，比如(ru)說利用(yong)圖(tu)像或(huo)是其他視覺線索(suo)來(lai)引(yin)導用(yong)戶使用(yong)。

6.持續視覺吸引

持續視覺吸(xi)引(yin)設(she)計，主(zhu)要是將一些網(wang)頁元素進行(xing)有別于其(qi)他網(wang)頁元素的設(she)計（比如說，通(tong)過字體的大小、顏色區別開來(lai)），并將這(zhe)些元素一直(zhi)保持在網(wang)頁中，通(tong)過持續的視覺刺激來(lai)吸(xi)引(yin)用戶。

7.可(ke)發現的視覺吸引

可發現的(de)視覺吸(xi)(xi)引是(shi)一種在(zai)保(bao)持頁面簡潔的(de)前提(ti)下，用(yong)戶(hu)通過執行特定交互(hu)操作的(de)方(fang)法（如點擊和滑動等），就能看到頁面中某些隱藏(zang)的(de)元素。如比較常見的(de)視覺吸(xi)(xi)引模(mo)式是(shi)鼓勵用(yong)戶(hu)刷新數據的(de)提(ti)示(shi)。

三(san)、網頁界面(mian)交互(hu)設計(ji)

“交互(hu)”是(shi)人(ren)(ren)與機器之(zhi)間的相互(hu)作用(yong)。良(liang)好的交互(hu)能保(bao)持或是(shi)激發用(yong)戶使用(yong)網(wang)站的興趣，傳統(tong)的網(wang)頁交互(hu)設(she)計(ji)(ji)重(zhong)在(zai)技術(shu)上關注人(ren)(ren)機之(zhi)間的交互(hu)，忽視了人(ren)(ren)機之(zhi)間“情感”交互(hu)。發揮設(she)計(ji)(ji)中人(ren)(ren)的情感體(ti)驗作用(yong)，使設(she)計(ji)(ji)更(geng)具有人(ren)(ren)性化的自(zi)由，滿足審美的追(zhui)求，這(zhe)不僅(jin)需要交互(hu)技術(shu)，更(geng)需要交互(hu)藝(yi)術(shu)。所以，從用(yong)戶體(ti)驗出發，來(lai)進行網(wang)頁界面的交互(hu)設(she)計(ji)(ji)。

1.交互技術

人機之間信息交(jiao)互(hu)的(de)有效性主要(yao)取(qu)決于交(jiao)互(hu)技術。好(hao)的(de)交(jiao)互(hu)主要(yao)包括兩方面：

（1）時效性

如(ru)今生活節奏的(de)(de)(de)(de)加快，人們更注重時(shi)(shi)效(xiao)性(xing)，在人機交(jiao)(jiao)互過程中(zhong)，如(ru)果(guo)交(jiao)(jiao)互不及時(shi)(shi)，瀏覽(lan)者(zhe)就會(hui)厭(yan)煩甚至(zhi)放棄(qi)瀏覽(lan)該(gai)信息(xi)，有網絡調(diao)查(cha)研究表明，用(yong)(yong)戶(hu)(hu)打開網頁等(deng)(deng)待(dai)的(de)(de)(de)(de)時(shi)(shi)間(jian)最長(chang)為(wei)五(wu)秒，如(ru)果(guo)五(wu)秒之(zhi)后(hou)沒有任何的(de)(de)(de)(de)反饋信息(xi)，用(yong)(yong)戶(hu)(hu)一般(ban)會(hui)放棄(qi)該(gai)網頁的(de)(de)(de)(de)操(cao)(cao)作。所(suo)以(yi)，在進行網頁界面(mian)設計時(shi)(shi)，要(yao)考慮到受眾的(de)(de)(de)(de)心理(li)，在提高(gao)交(jiao)(jiao)互速度的(de)(de)(de)(de)同時(shi)(shi)，也要(yao)為(wei)用(yong)(yong)戶(hu)(hu)在等(deng)(deng)待(dai)交(jiao)(jiao)互過程中(zhong)提供(gong)相關的(de)(de)(de)(de)信息(xi)，減少用(yong)(yong)戶(hu)(hu)的(de)(de)(de)(de)疑惑以(yi)及焦慮。比如(ru)在用(yong)(yong)戶(hu)(hu)等(deng)(deng)待(dai)操(cao)(cao)作時(shi)(shi)的(de)(de)(de)(de)，提供(gong)操(cao)(cao)作成功與否的(de)(de)(de)(de)信息(xi)或(huo)是提供(gong)操(cao)(cao)作成功的(de)(de)(de)(de)數據量和(he)剩(sheng)余所(suo)需(xu)等(deng)(deng)待(dai)的(de)(de)(de)(de)時(shi)(shi)間(jian)等(deng)(deng)。

（2）直觀性

簡單直(zhi)觀的(de)(de)(de)交(jiao)(jiao)互(hu)(hu)能幫助用(yong)(yong)(yong)戶快(kuai)速完(wan)成任務，繁瑣的(de)(de)(de)交(jiao)(jiao)互(hu)(hu)會增加用(yong)(yong)(yong)戶操(cao)作(zuo)和思(si)考的(de)(de)(de)時(shi)間，也會引起(qi)用(yong)(yong)(yong)戶心(xin)理上的(de)(de)(de)厭倦(juan)。在進(jin)行(xing)交(jiao)(jiao)互(hu)(hu)設計(ji)時(shi)，反饋回來的(de)(de)(de)信息要(yao)直(zhi)接明了(le)，因為(wei)在操(cao)作(zuo)過程中用(yong)(yong)(yong)戶都喜歡(huan)被告(gao)訴怎么做，而不喜歡(huan)去(qu)思(si)考如何(he)做。同時(shi)，交(jiao)(jiao)互(hu)(hu)設計(ji)要(yao)減少干擾，讓用(yong)(yong)(yong)戶的(de)(de)(de)操(cao)作(zuo)能更順暢。

2.交互藝術

交(jiao)互(hu)(hu)發生取決(jue)于交(jiao)互(hu)(hu)技術(shu)(shu)，交(jiao)互(hu)(hu)持續取決(jue)于交(jiao)互(hu)(hu)藝(yi)術(shu)(shu)。交(jiao)互(hu)(hu)藝(yi)術(shu)(shu)，是指運用(yong)一定的(de)創(chuang)意，使(shi)用(yong)戶在體(ti)驗交(jiao)互(hu)(hu)的(de)過程中，能沉浸其中，并(bing)保持愉悅的(de)心情。在交(jiao)互(hu)(hu)設(she)計中，運用(yong)藝(yi)術(shu)(shu)表(biao)現形式，改(gai)變(bian)傳統媒(mei)體(ti)的(de)線性秩序敘事方式，強(qiang)調(diao)觀(guan)眾(zhong)的(de)積(ji)極性和能動(dong)性，引導用(yong)戶更好地進行(xing)交(jiao)互(hu)(hu)操作，達(da)到人機交(jiao)互(hu)(hu)的(de)自然、和諧。

四、結語

“以(yi)(yi)人為(wei)本”的(de)(de)(de)創新(xin)設計(ji)(ji)(ji)(ji)是(shi)(shi)UI設計(ji)(ji)(ji)(ji)的(de)(de)(de)核心(xin)，好的(de)(de)(de)設計(ji)(ji)(ji)(ji)既是(shi)(shi)美的(de)(de)(de)設計(ji)(ji)(ji)(ji)也(ye)是(shi)(shi)為(wei)人的(de)(de)(de)設計(ji)(ji)(ji)(ji)，這也(ye)是(shi)(shi)未(wei)來(lai)UI設計(ji)(ji)(ji)(ji)的(de)(de)(de)趨勢。[2]所以(yi)(yi)，在網(wang)(wang)頁(ye)UI設計(ji)(ji)(ji)(ji)中(zhong)，我們要(yao)摒棄以(yi)(yi)往(wang)界面設計(ji)(ji)(ji)(ji)就是(shi)(shi)美工的(de)(de)(de)觀念(nian)，網(wang)(wang)頁(ye)UI設計(ji)(ji)(ji)(ji)不是(shi)(shi)給網(wang)(wang)頁(ye)進行(xing)簡單的(de)(de)(de)裝飾和美化(hua)，而是(shi)(shi)要(yao)賦予其獨立(li)的(de)(de)(de)思想和創意，結合(he)用戶的(de)(de)(de)心(xin)理體(ti)驗(yan)、行(xing)為(wei)習慣、生活(huo)方式等因素(su)，以(yi)(yi)人為(wei)本，基于用戶體(ti)驗(yan)進行(xing)網(wang)(wang)頁(ye)UI設計(ji)(ji)(ji)(ji)。

參考文獻

篇7

關鍵詞：手機UI界面；平面元素；界面設計(ji)；情感化

手(shou)機(ji)作為日常(chang)(chang)生(sheng)(sheng)(sheng)活(huo)中(zhong)最常(chang)(chang)見(jian)，幾(ji)乎是(shi)更(geng)新速(su)度最快的(de)個人電子(zi)用(yong)(yong)品終端(duan)和(he)電子(zi)用(yong)(yong)品集合(he)(he)體(ti)，越來越多地介(jie)入和(he)更(geng)大地影響著人的(de)日常(chang)(chang)生(sheng)(sheng)(sheng)活(huo)。其集合(he)(he)體(ti)性(xing)(xing)質的(de)發展(zhan)決(jue)定了在未(wei)來的(de)日子(zi)里手(shou)機(ji)不僅(jin)僅(jin)是(shi)一個攜(xie)帶電話，而更(geng)多的(de)是(shi)一個娛樂、生(sheng)(sheng)(sheng)活(huo)、資訊的(de)集合(he)(he)體(ti)。其的(de)終端(duan)性(xing)(xing)質也(ye)決(jue)定了其在人機(ji)交(jiao)(jiao)互方面(mian)也(ye)必須更(geng)加(jia)的(de)人性(xing)(xing)化(hua)，趣味化(hua)，功能集成化(hua)。本文主(zhu)要討(tao)論的(de)是(shi)在現在的(de)設(she)計(ji)(ji)趨(qu)勢下幾(ji)種手(shou)機(ji)主(zhu)菜(cai)單(dan)用(yong)(yong)戶界面(mian)（User Interface）設(she)計(ji)(ji)的(de)手(shou)法和(he)其應用(yong)(yong)性(xing)(xing)中(zhong)所(suo)蘊含的(de)人機(ji)交(jiao)(jiao)互原(yuan)則抑(yi)或是(shi)商(shang)業原(yuan)則，切入點主(zhu)要是(shi)視覺(jue)傳達方式(shi)(shi)及交(jiao)(jiao)互方式(shi)(shi)給用(yong)(yong)戶的(de)體(ti)驗。

一、手機(ji)UI界面情感(gan)化的需求

應該說(shuo)，好的(de)(de)(de)界(jie)面設(she)計(ji)(ji)一直致(zhi)力于人(ren)(ren)性(xing)(xing)化(hua)的(de)(de)(de)設(she)計(ji)(ji)，即以用(yong)(yong)戶為(wei)中(zhong)心的(de)(de)(de)設(she)計(ji)(ji)。好的(de)(de)(de)技術(shu)并(bing)不意味著就(jiu)易(yi)于人(ren)(ren)們接(jie)受或者(zhe)說(shuo)滿意，它只(zhi)能在(zai)(zai)一定角度上易(yi)于操作。但一味追求交(jiao)互效率，容易(yi)陷入冷漠的(de)(de)(de)技術(shu)誤區。前面在(zai)(zai)闡述可用(yong)(yong)性(xing)(xing)問題(ti)時(shi)，曾提及一種(zhong)(zhong)要(yao)素，這(zhe)(zhe)就(jiu)是(shi)用(yong)(yong)戶的(de)(de)(de)滿意度。人(ren)(ren)性(xing)(xing)需求的(de)(de)(de)高(gao)級階段是(shi)情感(gan)化(hua)的(de)(de)(de)，而高(gao)效率不等于高(gao)情商。由于手機與人(ren)(ren)們生活的(de)(de)(de)高(gao)度密(mi)切性(xing)(xing)，手機的(de)(de)(de)交(jiao)互界(jie)面在(zai)(zai)涉及人(ren)(ren)-機-環境三者(zhe)關系的(de)(de)(de)同時(shi)，其中(zhong)人(ren)(ren)的(de)(de)(de)情感(gan)更值得關注(zhu)，產(chan)品設(she)計(ji)(ji)中(zhong)的(de)(de)(de)符號化(hua)元素其實就(jiu)是(shi)從情感(gan)需求出(chu)發的(de)(de)(de)一種(zhong)(zhong)體現。這(zhe)(zhe)種(zhong)(zhong)關注(zhu)是(shi)設(she)計(ji)(ji)對“人(ren)(ren)”的(de)(de)(de)重視，它的(de)(de)(de)要(yao)求甚至遠(yuan)高(gao)于對達成交(jiao)互的(de)(de)(de)結果(guo)的(de)(de)(de)研究。

二、UI界面(mian)的本能水平情(qing)感化(hua)設計

本能水平情(qing)(qing)感是(shi)腦內最簡單、最原(yuan)始的(de)(de)(de)部分本能水平的(de)(de)(de)設計(ji)的(de)(de)(de)基(ji)本原(yuan)理(li)來(lai)自人類本能，在不國家，不同種族都是(shi)一致(zhi)的(de)(de)(de)。我個人認為(wei)，對于面設計(ji)師來(lai)說，要做就是(shi)盡量使所設計(ji)的(de)(de)(de)界面能引并給使用(yong)者帶(dai)來(lai)開心、愉快(kuai)、輕松、舒適、快(kuai)等(deng)直觀(guan)(guan)的(de)(de)(de)心理(li)感受，我認為(wei)本能情(qing)(qing)感層面的(de)(de)(de)設計(ji)通過美觀(guan)(guan)性、趣(qu)味和(he)幽默感等(deng)方法來(lai)實現。

（一）美觀性

古典美(mei)(mei)學家黑格(ge)爾說：“美(mei)(mei)，是理念的(de)感(gan)情顯現”，榮(rong)久(jiu)庵憲司說“我(wo)贊美(mei)(mei)輕盈簡潔(jie)的(de)美(mei)(mei)感(gan)，渴望提高(gao)功效，舒適(shi)，豪華和多(duo)樣性。實現美(mei)(mei)和對(dui)美(mei)(mei)的(de)渴望是未(wei)來設計的(de)目標(biao)。”

而色(se)彩(cai)，圖形的則是能(neng)(neng)(neng)引起感(gan)官對(dui)美最直(zhi)接，最本能(neng)(neng)(neng)的刺激和反應的元(yuan)素，可(ke)能(neng)(neng)(neng)沒有其(qi)它設(she)計元(yuan)素能(neng)(neng)(neng)像(xiang)顏色(se)一(yi)樣能(neng)(neng)(neng)影(ying)響(xiang)人(ren)們對(dui)界面的感(gan)受。它可(ke)以瞬(shun)間改變我(wo)們的情緒和意見(jian)。顏色(se)會讓我(wo)們感(gan)覺到舒適、敬畏，或者(zhe)激動”。

在界面(mian)設計(ji)中，顏色(se)(se)(se)(se)組合(he)(he)對設計(ji)非(fei)常有用(yong)(yong)(yong)。我們(men)針對軟件類型(xing)以(yi)(yi)及用(yong)(yong)(yong)戶工(gong)作環境選擇恰當色(se)(se)(se)(se)調(diao)：如(ru)：安全軟件，根據工(gong)業標準(zhun)，可(ke)以(yi)(yi)選取黃色(se)(se)(se)(se)，綠色(se)(se)(se)(se)體現(xian)環保，藍色(se)(se)(se)(se)表(biao)現(xian)時尚、紫色(se)(se)(se)(se)表(biao)現(xian)浪漫(man)等(deng)等(deng)，淡色(se)(se)(se)(se)可(ke)以(yi)(yi)使(shi)(shi)人舒適，暗(an)色(se)(se)(se)(se)做背(bei)景使(shi)(shi)人不覺(jue)得累等(deng)。顏色(se)(se)(se)(se)蘊(yun)含的(de)另外一個財富就(jiu)是(shi)可(ke)以(yi)(yi)帶(dai)來(lai)靈感。舉個實(shi)例，為了促進都(dou)柏林(lin)的(de)旅游(you)業，都(dou)柏林(lin)的(de)旅游(you)網站采用(yong)(yong)(yong)了愛爾蘭海岸的(de)一種顏色(se)(se)(se)(se)組合(he)(he)。這種組合(he)(he)非(fei)常生動(dong)和吸引人，使(shi)(shi)都(dou)柏林(lin)看起來(lai)很有游(you)玩的(de)樂趣(qu)，并且廣闊、豪華。圖(tu)(tu)形在界面(mian)中具有重要作用(yong)(yong)(yong)。圖(tu)(tu)形就(jiu)是(shi)信息媒介。特別是(shi)游(you)戲產品，圖(tu)(tu)形甚至是(shi)界面(mian)本體。可(ke)視化(hua)圖(tu)(tu)形往往能引起人們(men)的(de)注意，并激發閱讀興趣(qu)，圖(tu)(tu)形給(gei)人的(de)視覺(jue)印象(xiang)要優于文字，合(he)(he)理的(de)運用(yong)(yong)(yong)圖(tu)(tu)形。可(ke)以(yi)(yi)生動(dong)直觀(guan)、形象(xiang)地表(biao)現(xian)對應功能，降低了使(shi)(shi)用(yong)(yong)(yong)難度(du)，增加親切感，方便用(yong)(yong)(yong)戶理解使(shi)(shi)用(yong)(yong)(yong)（尤其是(shi)中老年，兒童等(deng)）。

當我們的(de)(de)界面設(she)計(ji)遵(zun)從了美的(de)(de)形式法則，經過設(she)計(ji)師盡心的(de)(de)努力所呈現出(chu)美觀、大方、時(shi)尚、典雅或華(hua)麗(li)等(deng)特性(xing)(xing)時(shi)，激發出(chu)人類(lei)“愛美”的(de)(de)天性(xing)(xing)，從而使(shi)界面使(shi)用者自然而然地(di)產(chan)生美好、愉快的(de)(de)心理(li)感(gan)受，即(ji)獲得本能(neng)情感(gan)的(de)(de)認可。

（二）趣味(wei)性和幽默(mo)感

與(yu)美學性(xing)(xing)(xing)一樣，趣(qu)味(wei)性(xing)(xing)(xing)和(he)(he)幽(you)默感(gan)(gan)也是人(ren)的(de)本(ben)(ben)性(xing)(xing)(xing)之(zhi)一，趣(qu)味(wei)性(xing)(xing)(xing)和(he)(he)幽(you)默感(gan)(gan)事物同(tong)樣能(neng)(neng)夠直(zhi)接激發人(ren)的(de)本(ben)(ben)能(neng)(neng)情(qing)感(gan)(gan)。界面設計(ji)中所講(jiang)的(de)“趣(qu)味(wei)性(xing)(xing)(xing)和(he)(he)幽(you)默感(gan)(gan)”是指圖標，圖形，字體(ti)等(deng)的(de)形態、色彩、形式等(deng)方面看起來很有(you)趣(qu)、有(you)意(yi)思、有(you)味(wei)道、能(neng)(neng)引人(ren)注(zhu)意(yi)，或則(ze)呈(cheng)現出(chu)(chu)圓潤、憨厚、笨拙可(ke)愛、親(qin)和(he)(he)力(li)等(deng)特了使界面具(ju)備趣(qu)味(wei)性(xing)(xing)(xing)和(he)(he)幽(you)默感(gan)(gan)的(de)特征(zheng)，它追求(qiu)的(de)是不同(tong)尋常或出(chu)(chu)乎意(yi)料的(de)情(qing)景(jing)，激發人(ren)們的(de)好奇心，并能(neng)(neng)在轉(zhuan)眼(yan)間帶給人(ren)一種(zhong)驚(jing)喜、快樂的(de)心理感(gan)(gan)受，這也屬(shu)本(ben)(ben)能(neng)(neng)情(qing)感(gan)(gan)。

三(san)、感(gan)官與機(ji)械(xie)的完(wan)美配合

由于(yu)手機(ji)的(de)機(ji)械特殊性，其(qi)交(jiao)(jiao)互設(she)(she)(she)計除了要(yao)考慮界(jie)面視覺(jue)(jue)的(de)感受，還(huan)要(yao)兼(jian)顧聽覺(jue)(jue)和觸覺(jue)(jue)的(de)運用(yong)。正如日本(ben)著名設(she)(she)(she)計師原研哉(zai)先生所(suo)提出(chu)的(de)“五感”設(she)(she)(she)計。即信息構建的(de)時(shi)候，思維(wei)維(wei)度要(yao)多樣化，設(she)(she)(she)計作品應觸及到(dao)“五感”，視覺(jue)(jue)、聽覺(jue)(jue)、觸覺(jue)(jue)、嗅覺(jue)(jue)、味覺(jue)(jue)。給受眾全方位的(de)觸動。雖(sui)然原先生所(suo)說(shuo)的(de)是商業(ye)廣告以及生活品設(she)(she)(she)計范疇的(de)傳達學，并且手機(ji)也(ye)沒有(you)辦法涉及嗅覺(jue)(jue)和味覺(jue)(jue)。但是人(ren)機(ji)交(jiao)(jiao)互一樣可以導(dao)入這個概念，因為人(ren)與物的(de)交(jiao)(jiao)流，反饋的(de)模(mo)式(shi)是一致的(de)。

手(shou)機的傳(chuan)達模式(shi)是：顯示(shi)屏輸出，用(yong)(yong)視(shi)覺(jue)來(lai)向外傳(chuan)達。用(yong)(yong)戶的輸入(ru)來(lai)進行指令再次(ci)向內傳(chuan)達。手(shou)機設(she)備再次(ci)反(fan)饋(kui)。而反(fan)饋(kui)的方式(shi)就很多，比如視(shi)覺(jue)的反(fan)饋(kui)，顏色，亮度，位置的變(bian)化都會讓(rang)用(yong)(yong)戶的視(shi)覺(jue)得(de)以刺激。

或者(zhe)用聽覺(jue)給用戶(hu)提示，甚至手機震磁震動的觸覺(jue)。

篇8

在(zai)當今社會，智(zhi)能(neng)(neng)電(dian)子設(she)備在(zai)人(ren)類生活所(suo)占比重愈(yu)加(jia)重要(yao)(yao)。在(zai)這(zhe)個(ge)以(yi)數(shu)字信息(xi)(xi)作為主要(yao)(yao)交(jiao)(jiao)換方式(shi)的(de)網絡化時代，傳統(tong)的(de)計(ji)算機軟(ruan)件(jian)系統(tong)、智(zhi)能(neng)(neng)手機，平板電(dian)腦(nao)等人(ren)機交(jiao)(jiao)互式(shi)智(zhi)能(neng)(neng)設(she)備，以(yi)其高效快(kuai)速(su)的(de)信息(xi)(xi)傳達(da)功能(neng)(neng)與直觀的(de)視(shi)覺傳達(da)效果

而(er)就當(dang)前競爭愈來愈激(ji)烈的(de)(de)智(zhi)能(neng)(neng)便攜設(she)備消費(fei)(fei)市(shi)場而(er)言，軟件(jian)(jian)核心部分的(de)(de)功能(neng)(neng)固然還在不斷的(de)(de)創新和(he)發(fa)展當(dang)中，但是我們同(tong)(tong)樣(yang)需要(yao)認(ren)識(shi)到(dao)作為首先視覺感知的(de)(de)軟件(jian)(jian)界(jie)面設(she)計(ji)，即UI設(she)計(ji)（user interface design），在越(yue)來越(yue)強調視覺對(dui)(dui)系統(tong)和(he)軟件(jian)(jian)消費(fei)(fei)者的(de)(de)心理和(he)使用感受方面的(de)(de)影響，諸(zhu)多的(de)(de)廠商和(he)開發(fa)者也開始關注到(dao)這一(yi)點。對(dui)(dui)于以(yi)往傳統(tong)認(ren)識(shi)中，對(dui)(dui)于軟件(jian)(jian)開發(fa)過程中還存在重技術(shu)而(er)不重應用的(de)(de)現象逐漸消失。開發(fa)團隊在關注于軟件(jian)(jian)核心功能(neng)(neng)的(de)(de)研發(fa)的(de)(de)同(tong)(tong)時，同(tong)(tong)樣(yang)會系統(tong)考慮(lv)界(jie)面設(she)計(ji)如(ru)何去有效的(de)(de)體現出科學的(de)(de)人機交互(hu)性、操作邏輯和(he)用戶心理的(de)(de)適應度，從(cong)而(er)成為一(yi)個更為縝密(mi)的(de)(de)系統(tong)。

回顧一下智(zhi)能設(she)備系(xi)統和軟(ruan)(ruan)件界(jie)面(mian)(mian)設(she)計(ji)(ji)的(de)(de)發展歷(li)(li)程，特別是進入21世(shi)紀以(yi)(yi)來(lai)，軟(ruan)(ruan)件界(jie)面(mian)(mian)經歷(li)(li)了從擬物化(hua)設(she)計(ji)(ji)（skeuomorphism）到(dao)當前扁(bian)平(ping)化(hua)設(she)計(ji)(ji)（flat）的(de)(de)視覺效果演變過程。從APPLE、GOOGLE等(deng)公司在先期的(de)(de)系(xi)統界(jie)面(mian)(mian)中以(yi)(yi)模擬真實(shi)物體(ti)的(de)(de)材(cai)質(zhi)、質(zhi)感、細節(jie)、光亮等(deng)視覺表(biao)現(xian)效果來(lai)體(ti)現(xian)人機交互的(de)(de)擬物化(hua)，模擬現(xian)實(shi)中的(de)(de)交互方式。到(dao)如今更為流(liu)行的(de)(de)界(jie)面(mian)(mian)扁(bian)平(ping)化(hua)設(she)計(ji)(ji)通(tong)過簡單(dan)純(chun)色的(de)(de)組合或單(dan)色極簡的(de)(de)抽象矩形色塊，去掉(diao)冗余(yu)的(de)(de)擬物化(hua)界(jie)面(mian)(mian)元素(su)而體(ti)現(xian)軟(ruan)(ruan)件核心功(gong)能，以(yi)(yi)現(xian)代主義式的(de)(de)審美去表(biao)現(xian)視覺傳達的(de)(de)高效性。

設計(ji)(ji)師在進(jin)(jin)行(xing)(xing)UI設計(ji)(ji)中，對于色(se)(se)彩(cai)的(de)(de)(de)(de)運用(yong)，必然(ran)要更多(duo)(duo)的(de)(de)(de)(de)考慮到色(se)(se)彩(cai)心(xin)(xin)理(li)(li)(li)(li)(li)學(xue)(xue)在設計(ji)(ji)中的(de)(de)(de)(de)運用(yong)。特別是(shi)在當(dang)前扁平化(hua)設計(ji)(ji)大行(xing)(xing)其(qi)道(dao)，視(shi)(shi)(shi)覺(jue)元素主(zhu)要由純(chun)色(se)(se)組(zu)合去(qu)傳達功(gong)能(neng)(neng)含義的(de)(de)(de)(de)主(zhu)流趨勢之下，如何去(qu)科學(xue)(xue)的(de)(de)(de)(de)將色(se)(se)彩(cai)進(jin)(jin)行(xing)(xing)運用(yong)，是(shi)不可忽視(shi)(shi)(shi)的(de)(de)(de)(de)一(yi)個命(ming)題。從色(se)(se)彩(cai)心(xin)(xin)理(li)(li)(li)(li)(li)學(xue)(xue)的(de)(de)(de)(de)廣(guang)義角(jiao)度而(er)(er)言，色(se)(se)彩(cai)心(xin)(xin)理(li)(li)(li)(li)(li)學(xue)(xue)包括了美學(xue)(xue)、光學(xue)(xue)、心(xin)(xin)理(li)(li)(li)(li)(li)學(xue)(xue)和民俗學(xue)(xue)等多(duo)(duo)重學(xue)(xue)科所(suo)要研究的(de)(de)(de)(de)范圍。在與一(yi)切與視(shi)(shi)(shi)覺(jue)有(you)關的(de)(de)(de)(de)人(ren)(ren)(ren)類(lei)活動之中，色(se)(se)彩(cai)是(shi)除形(xing)體之外，最(zui)能(neng)(neng)直接的(de)(de)(de)(de)客觀(guan)(guan)刺激人(ren)(ren)(ren)類(lei)心(xin)(xin)理(li)(li)(li)(li)(li)的(de)(de)(de)(de)形(xing)式；從人(ren)(ren)(ren)類(lei)的(de)(de)(de)(de)應(ying)(ying)激主(zhu)觀(guan)(guan)反(fan)應(ying)(ying)而(er)(er)言，色(se)(se)彩(cai)往往又是(shi)能(neng)(neng)夠去(qu)促使(shi)人(ren)(ren)(ren)類(lei)行(xing)(xing)為的(de)(de)(de)(de)一(yi)種(zhong)顯性或(huo)潛(qian)在誘(you)因。在心(xin)(xin)理(li)(li)(li)(li)(li)學(xue)(xue)家的(de)(de)(de)(de)研究結果之中，人(ren)(ren)(ren)類(lei)的(de)(de)(de)(de)色(se)(se)彩(cai)心(xin)(xin)理(li)(li)(li)(li)(li)，即(ji)對于色(se)(se)彩(cai)的(de)(de)(de)(de)生(sheng)理(li)(li)(li)(li)(li)向心(xin)(xin)理(li)(li)(li)(li)(li)的(de)(de)(de)(de)反(fan)應(ying)(ying)系(xi)統(tong)，從視(shi)(shi)(shi)覺(jue)開始而(er)(er)向知(zhi)覺(jue)、感情進(jin)(jin)行(xing)(xing)延伸，最(zui)終形(xing)成記憶、思想、主(zhu)觀(guan)(guan)意志乃至與潛(qian)意識中的(de)(de)(de)(de)具象象征，這樣(yang)一(yi)整套(tao)演化(hua)過程是(shi)極(ji)其(qi)復雜而(er)(er)又縝密的(de)(de)(de)(de)。因此(ci)，我們(men)在進(jin)(jin)行(xing)(xing)與色(se)(se)彩(cai)相關的(de)(de)(de)(de)設計(ji)(ji)時，需(xu)要重視(shi)(shi)(shi)這種(zhong)因果關系(xi)，即(ji)如何通過色(se)(se)彩(cai)在第一(yi)直觀(guan)(guan)視(shi)(shi)(shi)覺(jue)角(jiao)度去(qu)贏得受眾的(de)(de)(de)(de)心(xin)(xin)理(li)(li)(li)(li)(li)認同。

在人(ren)類日(ri)常(chang)的(de)(de)(de)(de)觀察活(huo)動(dong)中(zhong)，人(ren)的(de)(de)(de)(de)心理(li)因素往往會(hui)(hui)(hui)(hui)受(shou)到(dao)色(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)很大影(ying)(ying)(ying)響(xiang)。這種由(you)色(se)(se)(se)(se)彩(cai)(cai)(cai)帶(dai)(dai)來(lai)的(de)(de)(de)(de)應激反(fan)應，學(xue)界將其稱之(zhi)為(wei)心理(li)顏色(se)(se)(se)(se)視(shi)覺(jue)感。人(ren)類常(chang)常(chang)會(hui)(hui)(hui)(hui)感受(shou)到(dao)色(se)(se)(se)(se)彩(cai)(cai)(cai)對(dui)(dui)(dui)(dui)于(yu)自己心理(li)的(de)(de)(de)(de)影(ying)(ying)(ying)響(xiang)并且能有效影(ying)(ying)(ying)響(xiang)到(dao)情緒與(yu)行(xing)為(wei)，這種影(ying)(ying)(ying)響(xiang)有時(shi)(shi)(shi)會(hui)(hui)(hui)(hui)是(shi)直接刺激，有些(xie)(xie)則(ze)是(shi)通(tong)過對(dui)(dui)(dui)(dui)于(yu)色(se)(se)(se)(se)彩(cai)(cai)(cai)潛在意味的(de)(de)(de)(de)聯想(xiang)而(er)產(chan)(chan)生(sheng)(sheng)。比如在通(tong)俗的(de)(de)(de)(de)對(dui)(dui)(dui)(dui)于(yu)色(se)(se)(se)(se)系(xi)(xi)的(de)(de)(de)(de)區(qu)(qu)分上，我(wo)(wo)們時(shi)(shi)(shi)常(chang)會(hui)(hui)(hui)(hui)將色(se)(se)(se)(se)彩(cai)(cai)(cai)區(qu)(qu)分為(wei)“冷色(se)(se)(se)(se)系(xi)(xi)”與(yu)“暖色(se)(se)(se)(se)系(xi)(xi)”，這種對(dui)(dui)(dui)(dui)于(yu)冷暖的(de)(de)(de)(de)物(wu)(wu)理(li)性反(fan)應，正是(shi)來(lai)源與(yu)人(ren)類心理(li)中(zhong)對(dui)(dui)(dui)(dui)于(yu)色(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)物(wu)(wu)理(li)光刺激而(er)產(chan)(chan)生(sheng)(sheng)的(de)(de)(de)(de)直接性心理(li)效應，我(wo)(wo)們看(kan)到(dao)波長(chang)(chang)長(chang)(chang)的(de)(de)(de)(de)紅光和橙、黃色(se)(se)(se)(se)光，本身(shen)會(hui)(hui)(hui)(hui)感覺(jue)到(dao)溫(wen)暖感，并由(you)此(ci)而(er)對(dui)(dui)(dui)(dui)此(ci)類光所(suo)照射到(dao)的(de)(de)(de)(de)物(wu)(wu)體所(suo)具象表現出的(de)(de)(de)(de)色(se)(se)(se)(se)彩(cai)(cai)(cai)產(chan)(chan)生(sheng)(sheng)明(ming)顯(xian)的(de)(de)(de)(de)溫(wen)暖感覺(jue)；我(wo)(wo)們看(kan)到(dao)諸(zhu)(zhu)如紫色(se)(se)(se)(se)、藍色(se)(se)(se)(se)、綠(lv)色(se)(se)(se)(se)等光源和色(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)時(shi)(shi)(shi)候(hou)(hou)，則(ze)會(hui)(hui)(hui)(hui)產(chan)(chan)生(sheng)(sheng)寒冷感。這些(xie)(xie)由(you)色(se)(se)(se)(se)彩(cai)(cai)(cai)而(er)產(chan)(chan)生(sheng)(sheng)的(de)(de)(de)(de)心理(li)錯覺(jue)構成了我(wo)(wo)們最(zui)初的(de)(de)(de)(de)對(dui)(dui)(dui)(dui)于(yu)色(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)生(sheng)(sheng)理(li)性反(fan)應。同(tong)時(shi)(shi)(shi)，冷暖色(se)(se)(se)(se)系(xi)(xi)的(de)(de)(de)(de)不同(tong)還會(hui)(hui)(hui)(hui)帶(dai)(dai)來(lai)一些(xie)(xie)諸(zhu)(zhu)如質量等物(wu)(wu)理(li)方面的(de)(de)(de)(de)聯想(xiang)。比如我(wo)(wo)們看(kan)到(dao)暖色(se)(se)(se)(se)系(xi)(xi)的(de)(de)(de)(de)時(shi)(shi)(shi)候(hou)(hou)，會(hui)(hui)(hui)(hui)覺(jue)得這個色(se)(se)(se)(se)系(xi)(xi)的(de)(de)(de)(de)物(wu)(wu)體相對(dui)(dui)(dui)(dui)厚重，而(er)冷色(se)(se)(se)(se)系(xi)(xi)的(de)(de)(de)(de)則(ze)顯(xian)得輕(qing)薄(bo)，冷色(se)(se)(se)(se)給我(wo)(wo)們帶(dai)(dai)來(lai)的(de)(de)(de)(de)更(geng)強的(de)(de)(de)(de)透(tou)明(ming)感，而(er)暖色(se)(se)(se)(se)則(ze)相反(fan)。

諸(zhu)如(ru)(ru)(ru)此(ci)類(lei)的(de)(de)(de)(de)視(shi)覺(jue)物理反(fan)應而帶來的(de)(de)(de)(de)心(xin)(xin)理和感(gan)情(qing)因(yin)素，通(tong)過人類(lei)的(de)(de)(de)(de)進一步聯(lian)想而產生(sheng)了更(geng)為具(ju)體的(de)(de)(de)(de)關乎于主觀意(yi)志(zhi)的(de)(de)(de)(de)影響，而由此(ci)而通(tong)過思(si)維去(qu)產生(sheng)象(xiang)征意(yi)義。比(bi)如(ru)(ru)(ru)我(wo)們(men)在看(kan)(kan)到紅(hong)色(se)(se)時，往(wang)(wang)(wang)往(wang)(wang)(wang)會(hui)聯(lian)想到此(ci)色(se)(se)彩(cai)所(suo)附加(jia)的(de)(de)(de)(de)形(xing)態之(zhi)上一般(ban)象(xiang)征著(zhu)征熱情(qing)、性感(gan)、權(quan)威、自(zi)信(xin)，是個能(neng)量充(chong)(chong)沛(pei)的(de)(de)(de)(de)色(se)(se)彩(cai)。這(zhe)樣(yang)(yang)的(de)(de)(de)(de)暖色(se)(se)系(xi)色(se)(se)彩(cai)往(wang)(wang)(wang)往(wang)(wang)(wang)會(hui)帶來興奮感(gan)與直接的(de)(de)(de)(de)刺激(ji)性作(zuo)用。往(wang)(wang)(wang)往(wang)(wang)(wang)在促進人類(lei)行為方面有著(zhu)較(jiao)為直接的(de)(de)(de)(de)效果。因(yin)此(ci)我(wo)們(men)在諸(zhu)如(ru)(ru)(ru)生(sheng)活(huo)消費(fei)類(lei)APP，如(ru)(ru)(ru)一些(xie)(xie)電商(shang)軟件(jian)等UI中，可(ke)以(yi)看(kan)(kan)到如(ru)(ru)(ru)紅(hong)色(se)(se)這(zhe)樣(yang)(yang)的(de)(de)(de)(de)暖色(se)(se)系(xi)運用較(jiao)為廣泛，其目的(de)(de)(de)(de)就在于通(tong)過這(zhe)樣(yang)(yang)一種暖色(se)(se)系(xi)的(de)(de)(de)(de)高純度高明度的(de)(de)(de)(de)色(se)(se)彩(cai)去(qu)充(chong)(chong)分(fen)的(de)(de)(de)(de)調動(dong)起(qi)消費(fei)者的(de)(de)(de)(de)積極(ji)性，促使消費(fei)者通(tong)過色(se)(se)彩(cai)的(de)(de)(de)(de)心(xin)(xin)理暗示(shi)來進行積極(ji)行動(dong)。反(fan)之(zhi)，我(wo)們(men)在看(kan)(kan)到一些(xie)(xie)冷色(se)(se)系(xi)的(de)(de)(de)(de)色(se)(se)彩(cai)時，會(hui)必然(ran)由此(ci)而產生(sheng)沉靜感(gan)。比(bi)如(ru)(ru)(ru)我(wo)們(men)在看(kan)(kan)到那(nei)些(xie)(xie)明度低(di)純度也低(di)的(de)(de)(de)(de)冷色(se)(se)系(xi)色(se)(se)彩(cai)諸(zhu)如(ru)(ru)(ru)藍(lan)、紫、綠等色(se)(se)彩(cai)時，往(wang)(wang)(wang)往(wang)(wang)(wang)會(hui)將心(xin)(xin)理活(huo)動(dong)降低(di)到一個緩(huan)速階段。比(bi)如(ru)(ru)(ru)藍(lan)色(se)(se)所(suo)能(neng)具(ju)體象(xiang)征出的(de)(de)(de)(de)靈性和知性兼具(ju)，以(yi)及象(xiang)征希望、理想、獨(du)立、誠實(shi)、信(xin)賴、權(quan)威、堅定(ding)、智能(neng)；同時藍(lan)色(se)(se)視(shi)覺(jue)形(xing)象(xiang)也能(neng)自(zi)己、也讓對(dui)方完全放松。我(wo)們(men)往(wang)(wang)(wang)往(wang)(wang)(wang)可(ke)以(yi)在一些(xie)(xie)諸(zhu)如(ru)(ru)(ru)搜索(suo)引擎、輔助應用軟件(jian)等軟件(jian)的(de)(de)(de)(de)UI設計中看(kan)(kan)到大量的(de)(de)(de)(de)運用。

篇9

【關鍵詞】用戶體驗 界面設計(ji) 研究

隨著(zhu)(zhu)計算(suan)機(ji)(ji)網絡技(ji)術(shu)的(de)(de)(de)(de)高(gao)速(su)(su)發展，人們(men)快(kuai)速(su)(su)步入了信息(xi)時(shi)(shi)代，生(sheng)(sheng)活(huo)和(he)工(gong)作方式都產(chan)生(sheng)(sheng)了翻天(tian)覆地的(de)(de)(de)(de)變化。人們(men)的(de)(de)(de)(de)生(sheng)(sheng)活(huo)已經離(li)不開(kai)網絡技(ji)術(shu)和(he)通訊技(ji)術(shu)，個(ge)人移動通信設(she)備也成為了生(sheng)(sheng)活(huo)中(zhong)的(de)(de)(de)(de)必需品，隨著(zhu)(zhu)智能手機(ji)(ji)的(de)(de)(de)(de)普及應用(yong)，3G高(gao)速(su)(su)體驗(yan)時(shi)(shi)代的(de)(de)(de)(de)到來，使得人們(men)對于移動通信產(chan)品中(zhong)出現的(de)(de)(de)(de)各種概念和(he)功能提出了新的(de)(de)(de)(de)要求，這就需要了3G產(chan)品用(yong)戶界面能夠符合(he)人們(men)的(de)(de)(de)(de)期望，有一(yi)定的(de)(de)(de)(de)親和(he)力，同時(shi)(shi)又有更(geng)加(jia)個(ge)性化設(she)置的(de)(de)(de)(de)操作性流程，能夠有更(geng)好的(de)(de)(de)(de)操作體驗(yan)。

一、UI設計基本概述

用(yong)(yong)戶界面(mian)(mian)（UI，USER INTERFACE）是一(yi)(yi)種(zhong)用(yong)(yong)戶與界面(mian)(mian)之間交(jiao)互(hu)關系。它是一(yi)(yi)種(zhong)以用(yong)(yong)戶為(wei)(wei)中心的(de)(de)設(she)計方式(shi)，主(zhu)要目的(de)(de)是為(wei)(wei)了讓用(yong)(yong)戶對(dui)客(ke)戶端的(de)(de)軟件操(cao)作(zuo)變得(de)自(zi)由(you)、簡單，同時能夠體現軟件的(de)(de)特點，使得(de)軟件變得(de)更加具有個性化。UI設(she)計主(zhu)要包(bao)括了用(yong)(yong)戶研究、交(jiao)互(hu)設(she)計、界面(mian)(mian)設(she)計三(san)個部分。

（一）用戶研究

UI設(she)計(ji)首先要(yao)(yao)做(zuo)到(dao)的(de)(de)對軟件需(xu)求(qiu)(qiu)階(jie)段的(de)(de)研(yan)究，也就是在產品(pin)開發的(de)(de)前期(qi)，對潛在的(de)(de)用(yong)(yong)戶(hu)(hu)(hu)進行(xing)詳細的(de)(de)調查研(yan)究，了解到(dao)用(yong)(yong)戶(hu)(hu)(hu)的(de)(de)工(gong)作(zuo)(zuo)環(huan)境、工(gong)作(zuo)(zuo)性質、工(gong)作(zuo)(zuo)中的(de)(de)使(shi)用(yong)(yong)習慣，進而(er)挖掘出用(yong)(yong)戶(hu)(hu)(hu)對產品(pin)的(de)(de)需(xu)求(qiu)(qiu)，為界面(mian)設(she)計(ji)提供一個定位標準，確保設(she)計(ji)出來的(de)(de)界面(mian)能夠滿足用(yong)(yong)戶(hu)(hu)(hu)的(de)(de)要(yao)(yao)求(qiu)(qiu)。同時還需(xu)要(yao)(yao)了解同類(lei)競爭產品(pin)，做(zuo)到(dao)知(zhi)己(ji)知(zhi)彼，百戰不殆(dai)。

（二）交互設計

交(jiao)互(hu)設(she)計(ji)(ji)主(zhu)要(yao)(yao)是指人與計(ji)(ji)算機之間(jian)的(de)(de)交(jiao)互(hu)，工(gong)程師根據要(yao)(yao)求(qiu)進行(xing)軟(ruan)件(jian)制作，主(zhu)要(yao)(yao)包含了(le)分(fen)析(xi)設(she)計(ji)(ji)、調(diao)研驗證階(jie)段、方(fang)(fang)案(an)改(gai)進階(jie)段。在(zai)進行(xing)充分(fen)的(de)(de)需求(qiu)分(fen)析(xi)后，UI設(she)計(ji)(ji)便進入(ru)了(le)設(she)計(ji)(ji)階(jie)段，需要(yao)(yao)同(tong)時設(she)計(ji)(ji)出(chu)幾套不(bu)同(tong)風格的(de)(de)界面(mian)用來(lai)篩選，并(bing)且要(yao)(yao)保(bao)證這些界面(mian)都是在(zai)通(tong)達的(de)(de)設(she)計(ji)(ji)制作水平上(shang)，繼而進行(xing)調(diao)研驗證階(jie)段，讓用戶去選擇并(bing)且進行(xing)評價，根據用戶反饋結果來(lai)進行(xing)方(fang)(fang)案(an)改(gai)進，得到(dao)目標用戶最(zui)喜歡的(de)(de)方(fang)(fang)案(an)，將方(fang)(fang)案(an)做到(dao)最(zui)精致。

（三）界面設計

在(zai)改正以后的(de)方案(an)，就是即將完成的(de)界面設(she)計(ji)，但(dan)這并不是代表完結，還需要用戶對界面的(de)反(fan)應良好，零距離與(yu)客戶接觸(chu)，得到用戶真正的(de)使用感想。

二、界面用戶(hu)體驗研(yan)究

針對(dui)UI設(she)計工作(zuo)來(lai)說，實際上并(bing)不是(shi)單純(chun)意義上的(de)美(mei)術工作(zuo)，而是(shi)對(dui)軟(ruan)件(jian)產品進行界面(mian)(mian)設(she)計。界面(mian)(mian)設(she)計的(de)最主要的(de)設(she)計原則在于(yu)，能(neng)夠在保持界面(mian)(mian)的(de)一致性(xing)(xing)的(de)條件(jian)下(xia)，使得界面(mian)(mian)能(neng)夠完全被用(yong)(yong)(yong)(yong)戶控制(zhi)，并(bing)且要盡可能(neng)的(de)降(jiang)低用(yong)(yong)(yong)(yong)戶的(de)記憶負擔(dan)。因此，界面(mian)(mian)用(yong)(yong)(yong)(yong)戶體(ti)驗(yan)可以分(fen)為感(gan)覺(jue)（聽覺(jue)、視覺(jue)、觸(chu)覺(jue)）和情感(gan)兩個層(ceng)次(ci)。基于(yu)感(gan)覺(jue)層(ceng)次(ci)的(de)界面(mian)(mian)用(yong)(yong)(yong)(yong)戶體(ti)驗(yan)，更多(duo)的(de)是(shi)體(ti)現軟(ruan)件(jian)的(de)實際功能(neng)，即軟(ruan)件(jian)的(de)可用(yong)(yong)(yong)(yong)性(xing)(xing)，是(shi)否能(neng)夠在操作(zuo)界面(mian)(mian)下(xia)很好的(de)使用(yong)(yong)(yong)(yong)軟(ruan)件(jian)的(de)功能(neng)，充分(fen)滿足(zu)用(yong)(yong)(yong)(yong)戶需求，是(shi)否能(neng)夠適用(yong)(yong)(yong)(yong)于(yu)用(yong)(yong)(yong)(yong)戶進行交(jiao)互體(ti)驗(yan)。基于(yu)情感(gan)層(ceng)次(ci)的(de)界面(mian)(mian)用(yong)(yong)(yong)(yong)戶體(ti)驗(yan)，則是(shi)從(cong)消費(fei)者的(de)心里角度(du)來(lai)分(fen)析，用(yong)(yong)(yong)(yong)戶在界面(mian)(mian)體(ti)驗(yan)中是(shi)否產生了(le)美(mei)好的(de)感(gan)覺(jue)。

實際上，人(ren)們(men)對物質的(de)(de)(de)(de)需求是(shi)在不斷(duan)變化(hua)的(de)(de)(de)(de)，也就是(shi)說，用(yong)戶(hu)(hu)對界(jie)(jie)面(mian)的(de)(de)(de)(de)體(ti)驗(yan)不再局限與從(cong)前的(de)(de)(de)(de)“好(hao)看的(de)(de)(de)(de)界(jie)(jie)面(mian)”這樣一個簡(jian)單的(de)(de)(de)(de)要(yao)求，而(er)是(shi)希望從(cong)界(jie)(jie)面(mian)中得到更好(hao)的(de)(de)(de)(de)心理體(ti)驗(yan)，主要(yao)包(bao)含(han)以下兩個方(fang)面(mian)：一方(fang)面(mian)是(shi)能夠滿足用(yong)戶(hu)(hu)的(de)(de)(de)(de)生活需求，注重經(jing)濟(ji)時代產品的(de)(de)(de)(de)功能性(xing)，讓用(yong)戶(hu)(hu)不僅(jin)產生美好(hao)的(de)(de)(de)(de)感(gan)官享受，而(er)是(shi)進一步的(de)(de)(de)(de)讓用(yong)戶(hu)(hu)產生心理上的(de)(de)(de)(de)依賴(lai)感(gan)、安全(quan)感(gan)、熟悉(xi)感(gan)；另(ling)一方(fang)面(mian)，體(ti)驗(yan)界(jie)(jie)面(mian)服務是(shi)為了更好(hao)的(de)(de)(de)(de)實現消費活動(dong)的(de)(de)(de)(de)實際價值。

以較為成(cheng)功的(de)(de)(de)(de)IPHONE的(de)(de)(de)(de)界(jie)(jie)面設計(ji)(ji)來說，它在(zai)界(jie)(jie)面設計(ji)(ji)上(shang)有(you)硬(ying)件的(de)(de)(de)(de)優勢，即全觸摸的(de)(de)(de)(de)超(chao)大液晶(jing)屏(ping)，能夠配合用(yong)戶進行(xing)更(geng)好的(de)(de)(de)(de)互聯網操作(zuo)體驗，并且采用(yong)了(le)人性化(hua)設計(ji)(ji)，圖標、按鈕與機身都保證著倒角方(fang)形的(de)(de)(de)(de)統(tong)一形態特點，很(hen)符(fu)合用(yong)戶對(dui)產(chan)品的(de)(de)(de)(de)設計(ji)(ji)要求，使得用(yong)戶在(zai)視覺上(shang)產(chan)生柔和感，符(fu)合許多(duo)人對(dui)于(yu)美的(de)(de)(de)(de)欣賞標準，滿足了(le)人們對(dui)手機的(de)(de)(de)(de)心理要求和使用(yong)要求。與此同時，在(zai)iphone的(de)(de)(de)(de)界(jie)(jie)面設計(ji)(ji)中，更(geng)重要的(de)(de)(de)(de)是體現(xian)了(le)設計(ji)(ji)師的(de)(de)(de)(de)情感，它的(de)(de)(de)(de)色彩表現(xian)十分(fen)強(qiang)烈，外形的(de)(de)(de)(de)單一和界(jie)(jie)面上(shang)斑(ban)斕(lan)的(de)(de)(de)(de)圖標有(you)著強(qiang)烈的(de)(de)(de)(de)視覺沖擊，顯得更(geng)加趣味和活(huo)躍，充分(fen)體現(xian)了(le)設計(ji)(ji)師的(de)(de)(de)(de)情感態度。

三(san)、基于用戶體(ti)驗的界面設計發(fa)展(zhan)趨勢

用以衡量界(jie)(jie)面設計(ji)的手機(ji)用戶體(ti)驗需要考慮(lv)到如下幾個(ge)方(fang)面，這也將會成為界(jie)(jie)面設計(ji)的主要發(fa)展趨勢(shi)。

（一）感官體驗

感官(guan)(guan)體驗主(zhu)要來(lai)自用戶對手機(ji)的(de)(de)(de)硬件的(de)(de)(de)感受，如手機(ji)的(de)(de)(de)大小、屏(ping)幕的(de)(de)(de)清晰度、按鍵的(de)(de)(de)位置、按鍵的(de)(de)(de)功能和本身的(de)(de)(de)材質等等，而界面設計需要完全配(pei)合手機(ji)本身的(de)(de)(de)定位，能夠給予(yu)用戶最好的(de)(de)(de)感官(guan)(guan)體驗，例如輸(shu)入(ru)方(fang)(fang)式需要簡(jian)單有效，提(ti)醒方(fang)(fang)式多樣，用戶能夠根據心(xin)情來(lai)切換不同界面模式等等。

（二）可用性體驗

可用(yong)性(xing)體驗(yan)來自(zi)于界面設計(ji)的(de)簡便性(xing)，使(shi)得用(yong)戶在(zai)使(shi)用(yong)過程(cheng)中能夠(gou)輕(qing)松(song)理解和(he)使(shi)用(yong)，給予用(yong)戶輕(qing)松(song)愉悅的(de)使(shi)用(yong)體驗(yan)，準確的(de)反饋滿足(zu)用(yong)戶的(de)操(cao)作需求，帶來流暢(chang)的(de)操(cao)作感覺，界面要有效的(de)給用(yong)戶提(ti)供一定的(de)使(shi)用(yong)幫(bang)助，并且盡可能的(de)簡化步(bu)驟，減(jian)少用(yong)戶的(de)記憶負(fu)擔。

（三）界面信(xin)息體驗

界(jie)面(mian)信息(xi)體驗(yan)主要是指用(yong)戶(hu)(hu)在(zai)進(jin)行與(yu)界(jie)面(mian)之間的交(jiao)(jiao)互(hu)行為的時候，界(jie)面(mian)能(neng)夠(gou)帶給用(yong)戶(hu)(hu)清晰的界(jie)面(mian)信息(xi)體驗(yan)，例如對信息(xi)項目的合理(li)布局，能(neng)夠(gou)讓(rang)用(yong)戶(hu)(hu)能(neng)夠(gou)快(kuai)速分辨每(mei)條信息(xi)，交(jiao)(jiao)互(hu)的語言可(ke)以進(jin)行個性化選擇(ze)，在(zai)字體、顏色(se)、大小風方(fang)面(mian)給用(yong)戶(hu)(hu)良(liang)好的視(shi)覺感受(shou)，符合用(yong)戶(hu)(hu)的認知(zhi)習慣。

（四）增值體驗

增(zeng)值體驗(yan)主(zhu)要是在用(yong)(yong)戶對界(jie)面產生良(liang)好的(de)感(gan)官體驗(yan)與可(ke)用(yong)(yong)性(xing)體驗(yan)的(de)基礎上，進一步的(de)滿足用(yong)(yong)戶在交互過(guo)程(cheng)中的(de)使用(yong)(yong)需求(qiu)，通過(guo)良(liang)好的(de)界(jie)面設計來提升(sheng)用(yong)(yong)戶的(de)體驗(yan)感(gan)覺(jue)。如多(duo)功能(neng)的(de)自主(zhu)個性(xing)化操(cao)作讓(rang)用(yong)(yong)戶體驗(yan)到操(cao)作的(de)自由感(gan)覺(jue)，讓(rang)用(yong)(yong)戶對品牌特性(xing)有更好的(de)體驗(yan)。

四、結束語

界面設(she)計(ji)需要考(kao)慮(lv)最多的(de)就(jiu)是用戶的(de)體(ti)驗(yan)(yan)心里(li)，而不是盲(mang)目(mu)的(de)按照設(she)計(ji)師的(de)理念來設(she)計(ji)，因(yin)此，在進行界面設(she)計(ji)的(de)時候，設(she)計(ji)師應(ying)該在掌握社會信息發展的(de)動向的(de)基礎上，來思考(kao)作品的(de)用戶體(ti)驗(yan)(yan)感覺，這樣才能使得界面能夠更符合用戶的(de)心理需求(qiu)。

參考文獻：

[1]楊若(ruo)男.基(ji)于用戶(hu)體(ti)驗的智能手機(ji)交互設(she)計(ji)研究[J].湖南大學：設(she)計(ji)與(yu)藝術學，2006..

篇10

關鍵(jian)詞：人性化；網站界面(mian)設計(ji)（UI）；老年人

網(wang)站(zhan)界面(mian)設(she)計(ji)，英文的(de)全(quan)稱是Web User Interface Design，又叫(jiao)UI設(she)計(ji)。包括三個方(fang)面(mian)：可用(yong)性，交互設(she)計(ji)和視(shi)覺設(she)計(ji)。通常研究的(de)是讓(rang)網(wang)站(zhan)的(de)界面(mian)具有更(geng)(geng)多的(de)可用(yong)性，更(geng)(geng)良好的(de)用(yong)戶體(ti)驗(yan)，以及更(geng)(geng)美觀的(de)視(shi)覺設(she)計(ji)，概言之就是“人(ren)性化(hua)(hua)設(she)計(ji)”。[1]在全(quan)球人(ren)口(kou)逐(zhu)漸老齡化(hua)(hua)的(de)今天，應該把更(geng)(geng)多的(de)“人(ren)性化(hua)(hua)設(she)計(ji)”真正(zheng)應用(yong)在老年(nian)人(ren)這一(yi)弱群體(ti)上。本文旨在從老年(nian)用(yong)戶的(de)生理(li)和心理(li)各(ge)要(yao)素出發(fa)進行綜合考(kao)慮，探析以老年(nian)用(yong)戶為中心的(de)網(wang)站(zhan)界面(mian)（UI）設(she)計(ji)要(yao)點。

1 老年用戶研究

設計優秀老年(nian)(nian)用(yong)戶網站界面的(de)(de)先決條件是與老年(nian)(nian)用(yong)戶進行有效的(de)(de)交流，充分理解老年(nian)(nian)用(yong)戶的(de)(de)需求，重視老年(nian)(nian)用(yong)戶的(de)(de)生(sheng)理和心理特征。

1.1 老(lao)年(nian)網民用戶(hu)人數眾(zhong)多

據調(diao)查顯(xian)示，近些年(nian)來，我國老年(nian)網(wang)民(min)的(de)(de)(de)比(bi)例(li)一(yi)直在攀升，增長率已經超過了網(wang)民(min)總體的(de)(de)(de)增長速度(du)，對(dui)于互(hu)聯網(wang)的(de)(de)(de)應用日益廣泛。根(gen)據相關統(tong)計(ji)報告顯(xian)示，2008年(nian)年(nian)底，51～60歲的(de)(de)(de)網(wang)民(min)從1999年(nian)的(de)(de)(de)10.6萬人(ren)(ren)增長到1251.6萬人(ren)(ren)，60歲以上的(de)(de)(de)由(you)3.5萬增長到447萬人(ren)(ren)。雖然(ran)我國老年(nian)網(wang)民(min)絕對(dui)數量不多，10%不到，處于上網(wang)人(ren)(ren)群的(de)(de)(de)弱勢群體，但卻(que)是(shi)以令人(ren)(ren)矚目的(de)(de)(de)速度(du)增長著。

1.2 老年(nian)人對互(hu)聯(lian)網(wang)的多樣(yang)化需(xu)求

老(lao)(lao)年(nian)(nian)人(ren)由(you)于心理(li)上和(he)(he)(he)生理(li)上的(de)變(bian)化(hua)，與兒童、少年(nian)(nian)、青年(nian)(nian)人(ren)和(he)(he)(he)中年(nian)(nian)人(ren)人(ren)群有著(zhu)不(bu)同的(de)特殊需求。根(gen)據The Usbased Spry基金會報告顯(xian)示，老(lao)(lao)年(nian)(nian)人(ren)的(de)需求主要表現在四個主題：財(cai)(cai)產安全、身(shen)體健康、精神愉悅(yue)和(he)(he)(he)良好的(de)社會氛圍以及參加智力活動(dong)。[2]具體表現在：獲取相關信(xin)息，一(yi)些(xie)老(lao)(lao)年(nian)(nian)人(ren)希望(wang)(wang)上網(wang)瀏覽和(he)(he)(he)查(cha)詢最新的(de)外界信(xin)息保持“耳聰目明”的(de)狀態，有些(xie)則是投(tou)身(shen)老(lao)(lao)年(nian)(nian)論(lun)壇，希望(wang)(wang)利用網(wang)絡(luo)查(cha)詢、瀏覽養(yang)生保健和(he)(he)(he)常見(jian)疾(ji)病等信(xin)息溝通(tong)交(jiao)流，有些(xie)希望(wang)(wang)通(tong)過網(wang)絡(luo)和(he)(he)(he)子女視頻聊天、互發郵件；財(cai)(cai)務管(guan)理(li)，還(huan)有相當一(yi)部(bu)分老(lao)(lao)年(nian)(nian)人(ren)希望(wang)(wang)能夠使用網(wang)絡(luo)來購物、買賣股票以及付(fu)賬等。總之，老(lao)(lao)年(nian)(nian)人(ren)對互聯網(wang)的(de)多(duo)樣化(hua)需求一(yi)點都不(bu)亞于其他(ta)人(ren)群。

1.3 老年人的(de)生理和心理特(te)點

從(cong)50歲(sui)(sui)到60歲(sui)(sui)這個階段，明顯(xian)地(di)會出現(xian)一些(xie)衰老的跡(ji)象，主要表(biao)(biao)現(xian)在容易健忘(wang)，愛發脾(pi)氣，認(ren)知過程缺乏適應能力；視(shi)覺(jue)模(mo)糊，色(se)彩辨別(bie)力降低(di)，視(shi)野范(fan)圍(wei)和判斷距離的能力通常(chang)大(da)大(da)不如過去；動作(zuo)緩慢，手眼配合欠(qian)佳(jia)，聽覺(jue)便開始逐漸減(jian)退。[3]總之，因此，隨著(zhu)年齡(ling)增(zeng)長，工作(zuo)效率逐漸下(xia)降。具體(ti)表(biao)(biao)現(xian)如下(xia)：

（1）近距(ju)離視力退(tui)(tui)化更大。比如在(zai)35厘(li)米左右的(de)讀書距(ju)離內，視力減退(tui)(tui)的(de)驚(jing)人，并(bing)伴有老(lao)眼(yan)昏(hun)花。據統計(ji)，70歲健康老(lao)人的(de)視力超過0.6的(de)只有51.4%。

（2）聽力(li)顯(xian)著下降。特(te)別(bie)是對較復雜和速度快的語言的理解，男性(xing)比女性(xing)減退的更明顯(xian)。老年人并(bing)不知道(dao)自己(ji)的聽力(li)在下降，而是認(ren)為(wei)別(bie)人說話不清楚。

 （3）記(ji)憶(yi)的(de)(de)減退，但也(ye)有自(zi)己的(de)(de)特點，比如(ru)老年(nian)人(ren)對往事(shi)的(de)(de)記(ji)憶(yi)清晰，而(er)對新近發生(sheng)過的(de)(de)事(shi)物(wu)或(huo)者新近學(xue)習(xi)過的(de)(de)內容遺(yi)忘較(jiao)快；對需要將記(ji)憶(yi)材料進(jin)行(xing)組織加(jia)工使(shi)之進(jin)入長時儲存方面的(de)(de)記(ji)憶(yi)力較(jiao)差；老年(nian)人(ren)的(de)(de)意義識(shi)記(ji)減退較(jiao)少，機械識(shi)記(ji)減退較(jiao)多(duo)。例如(ru)，老年(nian)人(ren)對人(ren)民(min)、地名、數字等東西的(de)(de)記(ji)憶(yi)效果就(jiu)不好；

（4）思維能(neng)力弱化。在調查里，許多(duo)老(lao)年人(ren)常常抱(bao)怨自己已經不(bu)能(neng)像早先(xian)那樣很(hen)好(hao)的(de)思考問題了，這反(fan)映人(ren)的(de)思維能(neng)力到老(lao)年時出(chu)現逐漸衰(shuai)老(lao)的(de)趨勢(shi)。

2 以老(lao)年用戶為(wei)中心的(de)網站界面(mian)設計要點

在對老年(nian)(nian)用(yong)戶做了研究之后，筆者認為(wei)適(shi)宜老年(nian)(nian)人(ren)的(de)網站(zhan)界面(mian)設計的(de)總(zong)體(ti)原則是(shi)以(yi)人(ren)性(xing)化(hua)為(wei)本(ben)，同時注意(yi)網站(zhan)的(de)易用(yong)性(xing)，規范性(xing)，美觀性(xing)，具體(ti)如下五點：

2.1 將操作任務(wu)化繁為簡

在越(yue)來(lai)越(yue)強調(diao)人(ren)機交互(hu)的今天，對于(yu)老年用戶(hu)來(lai)說，最好的人(ren)機交互(hu)就是簡化(hua)操(cao)作任(ren)務，減少不(bu)必要(yao)(yao)的任(ren)務，[4]盡量讓(rang)老年用戶(hu)在網(wang)站上面的操(cao)作變(bian)得簡單，同時又不(bu)宜出錯。比如(ru)強調(diao)基本功能，盡量減少和弱化(hua)附加功能。如(ru)Gmail的登陸(lu)界(jie)面，簡化(hua)到“登錄信息+登錄設(she)置”即可，無須要(yao)(yao)其(qi)他的附加信息。

2.2 合理的信息顯示

互聯網的根(gen)本目的是提供信(xin)息(xi)(xi)，合理的信(xin)息(xi)(xi)顯(xian)示包括兩方面的內容：劃分信(xin)息(xi)(xi)功能區和(he)減少視覺密(mi)度。[5]

（1）劃(hua)分(fen)信(xin)(xin)息(xi)(xi)功能(neng)區(qu)。當頁(ye)(ye)面的(de)(de)信(xin)(xin)息(xi)(xi)較(jiao)多時(shi)，為了避免視(shi)覺混亂，應(ying)該劃(hua)分(fen)信(xin)(xin)息(xi)(xi)功能(neng)區(qu)。最重要的(de)(de)信(xin)(xin)息(xi)(xi)放(fang)在頁(ye)(ye)面的(de)(de)視(shi)覺中心；同(tong)(tong)一(yi)(yi)類(lei)(lei)的(de)(de)信(xin)(xin)息(xi)(xi)放(fang)在一(yi)(yi)起(qi)，并與(yu)其(qi)他類(lei)(lei)信(xin)(xin)息(xi)(xi)間隔一(yi)(yi)定的(de)(de)空(kong)間；同(tong)(tong)一(yi)(yi)類(lei)(lei)的(de)(de)信(xin)(xin)息(xi)(xi)用同(tong)(tong)一(yi)(yi)種顏色或(huo)同(tong)(tong)一(yi)(yi)色系(xi)的(de)(de)顏色來表示(shi)；不同(tong)(tong)信(xin)(xin)息(xi)(xi)區(qu)又可以用不同(tong)(tong)背景色來區(qu)分(fen)。

（2）減少(shao)視(shi)覺(jue)密度(du)。網站(zhan)界(jie)面需(xu)表達的信(xin)(xin)息很多時(shi)，易造成界(jie)面看(kan)起來非(fei)常擁擠，信(xin)(xin)息擠在一團(tuan)，對于(yu)老(lao)年(nian)人來說很難一眼就能(neng)獲得所需(xu)的信(xin)(xin)息。因此(ci)，必須(xu)減少(shao)視(shi)覺(jue)的密度(du)，比如：考慮適(shi)(shi)當(dang)(dang)的留白，適(shi)(shi)當(dang)(dang)的留白將使(shi)(shi)整個界(jie)面看(kan)起來清(qing)楚而美觀；降低品牌識別logo、名稱(cheng)的大(da)小，無需(xu)為了彰(zhang)顯品牌形象(xiang)而刻(ke)意放大(da)；使(shi)(shi)用(yong)簡單的圖形，盡量(liang)平面化，不要(yao)使(shi)(shi)用(yong)過度(du)復雜的圖像(xiang)；使(shi)(shi)用(yong)空白空間，而非(fei)線條去區分文字內容；使(shi)(shi)用(yong)簡潔的語(yu)句表達信(xin)(xin)息，避免內容過多等等。

如upcoming的首頁設計，依據(ju)信息的不同(tong)類(lei)別(bie)劃分板(ban)塊(kuai)，并按重要性擺放在相關位置(zhi)。焦點活動咨訊配圖放在視(shi)覺(jue)(jue)中心(xin)點，緊接著下面(mian)是(shi)(shi)(shi)活動信息介紹，左邊的活動類(lei)型板(ban)塊(kuai)，右邊是(shi)(shi)(shi)活動的輔助信息。信息安排布局井然有序(xu)，是(shi)(shi)(shi)劃分信息功能區和減少視(shi)覺(jue)(jue)密(mi)度的最佳例(li)子(zi)之一。

2.3 合理的(de)文字規劃

文(wen)字(zi)對于網站界面(mian)的作用(yong)不言而喻(yu)，對于老年用(yong)戶(hu)來(lai)講，網頁(ye)文(wen)字(zi)的漂亮是建立(li)在易讀易辨的基礎上的，合理的文(wen)字(zi)規劃，主要表現為以(yi)下兩(liang)個方面(mian)：[6]

（1）文字(zi)內容盡量簡潔，配上有意義的(de)圖標或者圖片，同時應該避(bi)免使用(yong)專業(ye)術語。字(zi)體(ti)(ti)的(de)選擇也要易于(yu)老年(nian)用(yong)戶辨認(ren)，網(wang)頁默認(ren)的(de)字(zi)體(ti)(ti)是宋體(ti)(ti)。可以(yi)根據需(xu)要選擇一些特別字(zi)體(ti)(ti)。例如，為了體(ti)(ti)現(xian)(xian)專業(ye)可以(yi)使用(yong)粗仿(fang)宋體(ti)(ti)，體(ti)(ti)現(xian)(xian)設計精(jing)美(mei)可以(yi)用(yong)廣告體(ti)(ti)，體(ti)(ti)現(xian)(xian)親切隨(sui)意可以(yi)用(yong)手寫體(ti)(ti)等(deng)等(deng)，但(dan)前(qian)提是一定要易于(yu)老年(nian)人辨認(ren)。

（2）井然(ran)有(you)(you)序(xu)的(de)排版。有(you)(you)時候別出(chu)心裁的(de)界面設(she)計(ji)或許會(hui)帶給使用者眼睛一亮(liang)、賞(shang)心悅目(mu)的(de)視覺感，但無論何，井然(ran)有(you)(you)序(xu)的(de)文(wen)(wen)字(zi)(zi)(zi)區規劃(hua)，才易達成最有(you)(you)效、最舒適的(de)效果。如有(you)(you)較(jiao)多的(de)說(shuo)(shuo)明文(wen)(wen)字(zi)(zi)(zi)，要讓說(shuo)(shuo)明具有(you)(you)順暢地(di)閱讀連貫性(xing)。舉個(ge)(ge)例(li)來說(shuo)(shuo)，一個(ge)(ge)向(xiang)中對(dui)(dui)齊(qi)(qi)與一個(ge)(ge)向(xiang)左(zuo)對(dui)(dui)齊(qi)(qi)的(de)文(wen)(wen)字(zi)(zi)(zi)區塊，明顯地(di)，向(xiang)左(zuo)對(dui)(dui)齊(qi)(qi)的(de)區塊讀起(qi)來順暢多了，因(yin)為使用者在讀完一行字(zi)(zi)(zi)后(hou)，自(zi)然(ran)而然(ran)往左(zuo)下方(fang)繼(ji)續讀下去，不需(xu)要重新找尋(xun)開頭，相較(jiao)之下，向(xiang)中對(dui)(dui)齊(qi)(qi)的(de)區塊看起(qi)來混亂(luan)多了。因(yin)此(ci)，有(you)(you)規矩地(di)文(wen)(wen)字(zi)(zi)(zi)區規劃(hua)將可大幅度提升用戶界面的(de)品質。

2.4 合(he)理(li)的色彩(cai)規劃(hua)

網站(zhan)界面(mian)(mian)的(de)(de)色彩對于(yu)老年(nian)人來(lai)說(shuo)同樣(yang)重要。老年(nian)人的(de)(de)視覺(jue)衰退很明顯(xian)，一個好(hao)的(de)(de)色彩規劃可(ke)以(yi)提高(gao)界面(mian)(mian)的(de)(de)視認性，從而提高(gao)操(cao)作的(de)(de)準確性和效率；可(ke)以(yi)減輕視覺(jue)上的(de)(de)疲勞(lao)。另外(wai)，通過色彩規劃來(lai)增強界面(mian)(mian)的(de)(de)美感和親和力。[7]

具體(ti)來(lai)講，老年(nian)用戶界面中，最(zui)(zui)好不(bu)(bu)(bu)要(yao)(yao)超過(guo)3到5種(zhong)顏(yan)色(se)(se)。大(da)區(qu)(qu)域(yu)最(zui)(zui)好使(shi)用淺色(se)(se)調，如白色(se)(se)、淺灰等。對(dui)于(yu)老年(nian)人(ren)而言，配(pei)色(se)(se)要(yao)(yao)采用視認性高(gao)的色(se)(se)彩(cai)(cai)，要(yao)(yao)加大(da)色(se)(se)彩(cai)(cai)的對(dui)比(bi)度(du)，背景(jing)與主體(ti)對(dui)比(bi)度(du)要(yao)(yao)大(da)，背景(jing)色(se)(se)不(bu)(bu)(bu)宜(yi)采用有金屬(shu)反(fan)光(guang)的顏(yan)色(se)(se)，如銀(yin)色(se)(se)和金色(se)(se)。對(dui)于(yu)重要(yao)(yao)的按(an)鈕或信息要(yao)(yao)用誘目性高(gao)的色(se)(se)彩(cai)(cai)來(lai)表達，但顏(yan)色(se)(se)不(bu)(bu)(bu)宜(yi)過(guo)多，且區(qu)(qu)域(yu)不(bu)(bu)(bu)可以(yi)太大(da)，否則看(kan)起來(lai)過(guo)度(du)混亂，缺少美感，也容易造成視覺上的疲勞。

2.5 細節為王

對于(yu)老年用(yong)戶來(lai)說(shuo)，細節同樣重要，比如盡量(liang)使用(yong)有意義的圖標(biao)，盡量(liang)不要使用(yong)生澀難(nan)懂(dong)的專業術(shu)語，注(zhu)意提(ti)供精確的導航(hang)提(ti)示(shi)，提(ti)供聲(sheng)音(yin)(yin)控制，盡量(liang)減少(shao)噪音(yin)(yin)干擾，克制使用(yong)新技術(shu)的欲望等(deng)等(deng)。

3 結束語

關注老(lao)(lao)年人網(wang)(wang)站(zhan)界面(mian)設(she)(she)(she)計，是(shi)(shi)以(yi)(yi)人為(wei)本(ben)的(de)(de)需要(yao)，也(ye)是(shi)(shi)國(guo)內所(suo)(suo)有(you)優秀設(she)(she)(she)計師的(de)(de)責任。限于篇幅有(you)限，對(dui)于老(lao)(lao)年人使用的(de)(de)網(wang)(wang)站(zhan)界面(mian)設(she)(she)(she)計，筆者也(ye)只能泛泛而談，有(you)所(suo)(suo)不足和欠缺(que)，還望讀者指正。同時，撰寫本(ben)文，以(yi)(yi)期拋磚引(yin)玉，引(yin)起(qi)大家對(dui)老(lao)(lao)年人更(geng)多(duo)的(de)(de)關愛和設(she)(she)(she)計出更(geng)多(duo)更(geng)好適(shi)宜老(lao)(lao)年人使用的(de)(de)產品。

參考文獻：

[1] 劉春花.基(ji)于用戶體驗的(de)界面設計UI研究[C].天津工業大學(xue)碩士學(xue)位論文，2007（12）.

[2] 楊(yang)足.老(lao)年(nian)人(ren)使用的家電的人(ren)機界面(mian)設計研究(jiu)[C].江南(nan)大學碩(shuo)士學位論文(wen)，2004（06）.

[3] 廖曄.網(wang)頁界面設(she)計及其學(xue)科相關性研究[C].湖南(nan)師范大學(xue)碩(shuo)士學(xue)位(wei)論文，2006（04）.

[4] 趙侃(kan)用戶(hu)體驗設計――網頁界面設計的重中之重[J].藝術與設計（理(li)論），2010（09）.

[5] 何榮(rong).淺(qian)析網站界(jie)面設計(ji)[J].科(ke)技(ji)信息，2008（26）.

[6] 宗明明.老(lao)年人網站(zhan)界面設計前景分(fen)析[J].設計（Design），2012（10）.