ui設(shè)計(jì)篇1
（1）、界面清晰明了。允許用戶定制界面。
（2）、減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：User Name，、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。
（3）、依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇。
（4）、提供視覺(jué)線索。圖形符號(hào)的視覺(jué)的刺激；GUI（圖形界面設(shè)計(jì)）：Where， What， Next Step。
（5）、提供默認(rèn)（default）、撤銷（undo）、恢復(fù)（redo）的功能。
（6）、提供界面的快捷方式。
（7）、盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。
（8）、完善視覺(jué)的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。
（9）、界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。
（10）、同樣功能用同樣的圖形。
（11）、色彩與內(nèi)容。整體軟件不超過(guò)5個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。
盡量考慮到使用者的感受，而不是主觀的表現(xiàn)。在藝術(shù)的創(chuàng)作過(guò)程中，實(shí)質(zhì)就是對(duì)現(xiàn)實(shí)的審美認(rèn)識(shí)與對(duì)審美認(rèn)識(shí)的表現(xiàn)過(guò)程。
UI視覺(jué)設(shè)計(jì)也可以說(shuō)是作為平面設(shè)計(jì)的一部分，也遵循平面設(shè)計(jì)的基本原則，要考慮到畫(huà)面各元素組合構(gòu)成的形式與方法以及這種形式對(duì)人心理引起的共鳴。在完善這一些基本形式規(guī)律的同時(shí)，更應(yīng)該注意其形式感對(duì)人的心理作用以及其表達(dá)人的感情的深與廣度，使其真正和設(shè)計(jì)的最終效果相一致，形成一個(gè)完美的、全新的整體形象。同時(shí)也要考慮到平面構(gòu)成的基本形式如，重復(fù)與近似、漸變也發(fā)射、特異與對(duì)比、密集、機(jī)理等。
“以用戶為中心”的UI設(shè)計(jì)方法，以人為本的設(shè)計(jì)思路，這一點(diǎn)在國(guó)內(nèi)也經(jīng)常被提起，但在事實(shí)的操作中還有很長(zhǎng)的路要走。例如：蘋(píng)果公司喬布斯領(lǐng)導(dǎo)研制的新一代電腦Lisa，當(dāng)時(shí)Lisa電腦的設(shè)計(jì)人員就認(rèn)為，必須將立即執(zhí)行的命令和需要用戶附加輸入的命令分開(kāi)。他們決定在后者的命令末尾添加省略號(hào)“...”，比如“Save as...（另存為...）”。這個(gè)省略號(hào)提醒人們：軟件會(huì)顯示一個(gè)對(duì)話框提示用戶輸入更多信息（暗示當(dāng)前命令發(fā)生之前還有別的情況）。會(huì)立即執(zhí)行的命令末尾沒(méi)有“...”。
這條規(guī)則被廣泛運(yùn)用，包括菜單和按鈕。Lisa計(jì)算機(jī)以及它的后來(lái)者M(jìn)AC和Microsoft，采用這條規(guī)則在細(xì)節(jié)處理上起了很大的作用。這個(gè)也是現(xiàn)在游戲包括很多運(yùn)用軟件上上面常用的一些原則，這條規(guī)則被廣泛運(yùn)用，包括菜單和按鈕。Lisa計(jì)算機(jī)以及它的后來(lái)者M(jìn)AC和Microsoft，采用這條規(guī)則在細(xì)節(jié)處理上起了很大的作用。給用戶帶來(lái)了極大的方便。
當(dāng)一個(gè)產(chǎn)品成功打入市場(chǎng)的時(shí)候，人們看到的是其強(qiáng)大的功能，上乘的質(zhì)量，周密的市場(chǎng)策略，合適的價(jià)格定為，甚至是美觀的包裝設(shè)計(jì)，而很少有人會(huì)將親和性的界面設(shè)計(jì)放在功勞簿上。例如現(xiàn)在的騰訊，1997年，現(xiàn)在的騰訊CEO馬化騰接觸到了ICQ并成為它的用戶，他親身感受到了ICQ的魅力，也看到了它的局限性：一是英文界面，二是在使用操作上有相當(dāng)?shù)碾y度，這使得ICQ在國(guó)內(nèi)使用的雖然也比較廣，但始終不是特別普及，大多限于“網(wǎng)蟲(chóng)”級(jí)的高手里。
1999年2月，騰訊在互聯(lián)網(wǎng)上推出OICQ的第一個(gè)測(cè)試版本包含的功能十分簡(jiǎn)單，僅僅只包括簡(jiǎn)單的在線即時(shí)通訊功能，但其界面設(shè)計(jì)令人稱贊不已，事實(shí)上，盡管到現(xiàn)在為止，騰訊已經(jīng)先推出十來(lái)個(gè)版本以上的QQ軟件，但其界面仍然沒(méi)有任何改變，這表明，從一開(kāi)始，騰訊OICQ軟件的界面設(shè)計(jì)是十分合理的。
當(dāng)騰訊推出QQ之前已經(jīng)有了很多的類似的及時(shí)通訊軟件。而騰訊的騰訊QQ在功能上面也沒(méi)有什么特別之處，那么很多人一直在質(zhì)疑，為什么QQ能夠力壓群芳，最終幾乎接近壟斷中國(guó)在線即時(shí)通訊軟件市場(chǎng)？從功能上說(shuō)，一直以來(lái)QQ并沒(méi)有什么特別之處，但相比之下，其它在線即時(shí)通訊軟件也沒(méi)有什么特別之處，大家都是模仿ICQ。但QQ之所以能夠取得成功，原因不在于它的功能如何強(qiáng)大，而在于它的界面設(shè)計(jì)的十分合理，用戶操作簡(jiǎn)單，相比較和QQ同時(shí)代的其它在線即時(shí)通訊軟件，如Sina pager、OMMO等，它們一開(kāi)始的功能并不弱于QQ，特別是OMMO，其在一面世就推出了比QQ強(qiáng)大得多的功能，如電子郵件、網(wǎng)絡(luò)硬盤(pán)，過(guò)多的功能反而讓使用者覺(jué)得操作十分煩瑣，這是它之所以失敗的重要原因所在。其后幾個(gè)月，騰訊推出OICQ 99a，先后新增了公共聊天室、傳送文件、無(wú)線尋呼、手機(jī)短訊、語(yǔ)音聊天等，并且在這個(gè)版本里面，騰訊還做了另外一個(gè)大動(dòng)作，那就是把唐老鴨、加菲貓、Kitty貓、皮卡丘、大力水手、湯姆貓、藍(lán)精靈、史諾比、刺猬索尼克等知名熟知的卡通肖像換掉了，換上了騰訊自己設(shè)計(jì)制作的卡通肖像。令人吃驚的是，在騰訊新增了這么多功能后，OICQ的界面仍然沒(méi)有任何改變。其合理的設(shè)計(jì)、良好的易用性、強(qiáng)大的功能，穩(wěn)定高效的系統(tǒng)運(yùn)行，贏得了用戶的青睞。
毫無(wú)疑問(wèn)，UI設(shè)計(jì)優(yōu)勢(shì)在產(chǎn)品競(jìng)爭(zhēng)中扮演的重要角色是無(wú)庸置疑的，但是，這種優(yōu)勢(shì)實(shí)現(xiàn)和意識(shí)都是長(zhǎng)期性的，而非短期行為。他意味著需要相當(dāng)長(zhǎng)的時(shí)間讓客戶了解到，但是一旦形成此種心理上的優(yōu)勢(shì)，就會(huì)在很長(zhǎng)的時(shí)間內(nèi)存在，會(huì)將易用的心理暗示代入整個(gè)產(chǎn)品的后續(xù)開(kāi)發(fā)甚至整個(gè)品牌。
當(dāng)一個(gè)產(chǎn)品成功打入市場(chǎng)的時(shí)候，人們看到的是其強(qiáng)大的功能，上乘的質(zhì)量，周密的市場(chǎng)策略，合適的價(jià)格定位，甚至是美觀的包裝設(shè)計(jì)，而很少有人會(huì)將親和性的UI設(shè)計(jì)放在功勞簿上。UI設(shè)計(jì)所倡導(dǎo)的是可用，易用，然而在消費(fèi)者心中可用，易用是理所當(dāng)然的。而設(shè)計(jì)師所應(yīng)該做的就是默默的為人類服務(wù)。
技術(shù)是有局限性的，而設(shè)計(jì)師的思想是無(wú)限性的。完美的UI設(shè)計(jì)能給技術(shù)很普通的產(chǎn)品帶來(lái)質(zhì)的飛躍也能給企業(yè)帶來(lái)意想不到的收獲。這一切都是基于一個(gè)目標(biāo)，以人為本，服務(wù)社會(huì)。
參考文獻(xiàn)
ui設(shè)計(jì)篇2
一、“UI”設(shè)計(jì)的發(fā)展現(xiàn)狀
“UI”是英文UserInterface的縮寫(xiě)，意思是用戶與界面的關(guān)系，通過(guò)字面意思理解，我們不難看出UI設(shè)計(jì)與電子計(jì)算機(jī)技術(shù)之間的密切關(guān)系。UI設(shè)計(jì)需要通過(guò)計(jì)算機(jī)實(shí)現(xiàn)設(shè)計(jì)目標(biāo)，通過(guò)用戶與計(jì)算機(jī)界面進(jìn)行視覺(jué)交流，根據(jù)設(shè)計(jì)者的意思，進(jìn)行平面設(shè)計(jì)。隨著社會(huì)經(jīng)濟(jì)的發(fā)展，科學(xué)技術(shù)的進(jìn)步，尤其是計(jì)算機(jī)技術(shù)的進(jìn)步，讓UI大規(guī)模推廣成為可能，人們?cè)谶M(jìn)行平面設(shè)計(jì)過(guò)程中，利用計(jì)算機(jī)技術(shù)，更加有利于設(shè)計(jì)工作的完成。UI界面設(shè)計(jì)漸漸發(fā)展成為一門(mén)獨(dú)立的學(xué)科，成為一種新門(mén)類的設(shè)計(jì)藝術(shù)。通過(guò)對(duì)UI的研究和分析，人們發(fā)現(xiàn)將UI設(shè)計(jì)應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)當(dāng)中，對(duì)促進(jìn)這一學(xué)科的發(fā)展來(lái)說(shuō)，具有重要意義。UI通過(guò)利用計(jì)算機(jī)技術(shù)，可以從事專業(yè)化的藝術(shù)設(shè)計(jì)，并且可以對(duì)對(duì)象實(shí)體、環(huán)境以及對(duì)象信息進(jìn)行綜合分析，從而完成藝術(shù)設(shè)計(jì)。綜合UI設(shè)計(jì)的優(yōu)點(diǎn)，將之應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)當(dāng)中，可以促進(jìn)學(xué)科朝著專業(yè)化和科學(xué)化方向發(fā)展，同時(shí)也可以將UI設(shè)計(jì)理念傳授給學(xué)生，開(kāi)拓學(xué)生藝術(shù)設(shè)計(jì)領(lǐng)域?qū)I(yè)知識(shí)，使學(xué)生掌握專業(yè)化知識(shí)，更好應(yīng)用于現(xiàn)代化藝術(shù)設(shè)計(jì)領(lǐng)域，對(duì)促進(jìn)學(xué)生全面發(fā)展來(lái)說(shuō)，具有重要意義。
二、“UI”設(shè)計(jì)應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)中的重要性
（一）實(shí)現(xiàn)藝術(shù)設(shè)計(jì)的商業(yè)化發(fā)展目標(biāo)
UI設(shè)計(jì)結(jié)合計(jì)算機(jī)界面，實(shí)現(xiàn)藝術(shù)設(shè)計(jì)領(lǐng)域變革，更好促進(jìn)了藝術(shù)設(shè)計(jì)的發(fā)展。UI通過(guò)建立一個(gè)美好的設(shè)計(jì)界面給用戶帶來(lái)舒適的視覺(jué)享受，為用戶設(shè)計(jì)出具有商業(yè)價(jià)值的產(chǎn)品打下堅(jiān)實(shí)的基礎(chǔ)。UI界面設(shè)計(jì)與美術(shù)繪畫(huà)具有一定的共通性，它可以輔助美術(shù)繪畫(huà)，使美術(shù)繪畫(huà)具備商業(yè)價(jià)值，提高作品經(jīng)濟(jì)性，同時(shí)，利用計(jì)算機(jī)軟件進(jìn)行藝術(shù)加工，使藝術(shù)作品與現(xiàn)代藝術(shù)相融合，滿足社會(huì)發(fā)展需要。在進(jìn)行現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)時(shí)，通過(guò)“UI”設(shè)計(jì)使現(xiàn)代藝術(shù)教學(xué)理念與當(dāng)下藝術(shù)商業(yè)化發(fā)展模式相結(jié)合，以專業(yè)性和科學(xué)性促進(jìn)藝術(shù)應(yīng)用領(lǐng)域發(fā)展，滿足社會(huì)對(duì)藝術(shù)人才需要，也為學(xué)生日后就業(yè)打下了堅(jiān)實(shí)基礎(chǔ)。所以說(shuō)，將UI設(shè)計(jì)與現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)相融合，不單促進(jìn)了學(xué)科的發(fā)展，更為商家創(chuàng)造了賣(mài)點(diǎn)，也為現(xiàn)代藝術(shù)專業(yè)提升了就業(yè)機(jī)會(huì)，實(shí)現(xiàn)了藝術(shù)設(shè)計(jì)的商業(yè)化發(fā)展目標(biāo)。
（二）提高藝術(shù)作品競(jìng)爭(zhēng)力
當(dāng)下學(xué)科發(fā)展，隨著社會(huì)經(jīng)濟(jì)發(fā)展，也將面臨著日益激烈的競(jìng)爭(zhēng)?，F(xiàn)代藝術(shù)設(shè)計(jì)學(xué)科的發(fā)展，其根本動(dòng)力在于是否能夠滿足當(dāng)下社會(huì)經(jīng)濟(jì)發(fā)展需要，為社會(huì)經(jīng)濟(jì)發(fā)展帶來(lái)一定推動(dòng)力，否則的話，對(duì)社會(huì)經(jīng)濟(jì)發(fā)展沒(méi)有任何作用的學(xué)科，將會(huì)被社會(huì)所淘汰。現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)將UI設(shè)計(jì)融入教學(xué)工作當(dāng)中，以UI設(shè)計(jì)促進(jìn)學(xué)科發(fā)展，有利于提高藝術(shù)作品的競(jìng)爭(zhēng)力，滿足社會(huì)經(jīng)濟(jì)發(fā)展需要，提升學(xué)科競(jìng)爭(zhēng)力，實(shí)現(xiàn)學(xué)科更好發(fā)展。UI設(shè)計(jì)將平面設(shè)計(jì)與二維電腦設(shè)計(jì)結(jié)合，體現(xiàn)出UI設(shè)計(jì)的社會(huì)重要性，并且經(jīng)過(guò)計(jì)算機(jī)技術(shù)處理后，藝術(shù)作品的商業(yè)化價(jià)值不斷提升，為現(xiàn)代藝術(shù)設(shè)計(jì)提供了發(fā)展動(dòng)力。UI設(shè)計(jì)提高藝術(shù)作品競(jìng)爭(zhēng)力，還表現(xiàn)在界面設(shè)計(jì)的豐富性和多樣性兩個(gè)方面，如數(shù)碼產(chǎn)品、手機(jī)的界面，給人一種較強(qiáng)的視覺(jué)美感，使現(xiàn)代平面設(shè)計(jì)與商品化經(jīng)濟(jì)發(fā)展形勢(shì)緊密結(jié)合，實(shí)現(xiàn)了現(xiàn)代藝術(shù)的發(fā)展和進(jìn)步。
（三）促進(jìn)現(xiàn)代藝術(shù)設(shè)計(jì)多樣化發(fā)展
如今，藝術(shù)設(shè)計(jì)不單單局限于紙面上的美術(shù)繪畫(huà)，它的發(fā)展已經(jīng)呈現(xiàn)出多元化的發(fā)展模式。除了電子產(chǎn)品的界面設(shè)計(jì)，藝術(shù)設(shè)計(jì)還體現(xiàn)在了網(wǎng)頁(yè)設(shè)計(jì)這一方面。網(wǎng)頁(yè)設(shè)計(jì)是現(xiàn)代藝術(shù)設(shè)計(jì)商業(yè)化價(jià)值體現(xiàn)的另一個(gè)方面，它與數(shù)碼科技的現(xiàn)代化藝術(shù)設(shè)計(jì)重要性一樣，都表現(xiàn)在“價(jià)值”上，這也是現(xiàn)代藝術(shù)設(shè)計(jì)課程能夠發(fā)展的關(guān)鍵。UI設(shè)計(jì)應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)課程中，可以更好地幫助學(xué)生理解網(wǎng)頁(yè)設(shè)計(jì)理論和設(shè)計(jì)方法，并且通過(guò)友好的界面進(jìn)行實(shí)際操作，從而提升學(xué)生的實(shí)踐動(dòng)手能力。UI設(shè)計(jì)是集設(shè)計(jì)與計(jì)算機(jī)技術(shù)于一體的新門(mén)類設(shè)計(jì)，它介于二者之間，應(yīng)用UI設(shè)計(jì)，可以更好地幫助學(xué)生掌握理論知識(shí)，并且實(shí)際的動(dòng)手操作，也將提升學(xué)習(xí)的學(xué)習(xí)興趣，從而達(dá)到發(fā)揮學(xué)生主觀能動(dòng)性的目的。
（四）實(shí)現(xiàn)學(xué)生的全面發(fā)展
一名合格的現(xiàn)代藝術(shù)設(shè)計(jì)師，不單單要具備藝術(shù)審美能力、繪畫(huà)能力、設(shè)計(jì)能力，還要具備一定的專業(yè)能力，能夠?qū)⑺鶎W(xué)知識(shí)與社會(huì)發(fā)展需要有機(jī)結(jié)合，為社會(huì)發(fā)展創(chuàng)造更大的價(jià)值。UI設(shè)計(jì)更注重于專業(yè)性和實(shí)踐性，它應(yīng)用于現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)，可以讓學(xué)生更好掌握理論知識(shí)，同時(shí)讓學(xué)生朝著專業(yè)化方向發(fā)展。在設(shè)計(jì)行業(yè)里，設(shè)計(jì)工作更傾向于實(shí)際操作，單純的理論基礎(chǔ)無(wú)法滿足社會(huì)發(fā)展需要，只有通過(guò)實(shí)踐動(dòng)手操作，將理論轉(zhuǎn)化為現(xiàn)實(shí)，才能實(shí)現(xiàn)最終價(jià)值。利用UI設(shè)計(jì)理念，通過(guò)系統(tǒng)的設(shè)計(jì)現(xiàn)代藝術(shù)設(shè)計(jì)課程，幫助學(xué)生掌握專業(yè)化知識(shí)，具備較強(qiáng)的審美能力，并且能夠進(jìn)行作業(yè)實(shí)踐，利用軟件進(jìn)行實(shí)際設(shè)計(jì)，將促進(jìn)學(xué)生更好發(fā)展，為日后有一個(gè)不錯(cuò)的工作打下堅(jiān)實(shí)基礎(chǔ)。所以，注重UI設(shè)計(jì)在現(xiàn)代藝術(shù)設(shè)計(jì)課程教學(xué)中應(yīng)用，改變傳統(tǒng)教學(xué)模式，將極大提升教學(xué)效果，促進(jìn)學(xué)科發(fā)展和學(xué)生的全面發(fā)展。社會(huì)經(jīng)濟(jì)的發(fā)展，商業(yè)化價(jià)值的實(shí)現(xiàn)對(duì)現(xiàn)代藝術(shù)設(shè)計(jì)的發(fā)展有著巨大影響，傳統(tǒng)的教學(xué)模式已經(jīng)無(wú)法滿足當(dāng)下社會(huì)發(fā)展對(duì)藝術(shù)設(shè)計(jì)人才的需求。所以，在這樣的背景環(huán)境下，轉(zhuǎn)變觀念，進(jìn)行教學(xué)體制改革，應(yīng)用UI設(shè)計(jì)，促進(jìn)現(xiàn)代藝術(shù)設(shè)計(jì)課程發(fā)展，就顯得尤為重要。
ui設(shè)計(jì)篇3
關(guān)鍵詞：設(shè)計(jì)心理學(xué);UI設(shè)計(jì);注意力;選擇
中圖分類號(hào)：J504 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2015）06-0167-01
一、UI設(shè)計(jì)的概念
UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)通常是指對(duì)軟件的界面美觀、人機(jī)交互、操作邏輯的整體設(shè)計(jì)。而隨著信息技術(shù)的發(fā)展，UI設(shè)計(jì)所涵蓋的范圍越來(lái)越廣泛，廣義上的UI設(shè)計(jì)又包括了GUI（圖形用戶界面設(shè)計(jì)）、WUI（網(wǎng)頁(yè)界面設(shè)計(jì)）、MUI（移動(dòng)設(shè)備界面設(shè)計(jì)）等等。
二、設(shè)計(jì)心理學(xué)的概念
設(shè)計(jì)心理學(xué)就是是建立在心理學(xué)基礎(chǔ)上，是把人們心理狀態(tài)，尤其是人們對(duì)于產(chǎn)品需求的心理。通過(guò)意識(shí)作用于設(shè)計(jì)的一門(mén)科學(xué)。它同時(shí)研究人們?cè)谠O(shè)計(jì)創(chuàng)造過(guò)程中的心態(tài)。以及設(shè)計(jì)對(duì)社會(huì)及對(duì)社會(huì)個(gè)體所產(chǎn)生的心理反應(yīng)，反過(guò)來(lái)再作用于設(shè)計(jì)，讓設(shè)計(jì)更能夠反映和滿足人們的心理。設(shè)計(jì)心理學(xué)屬于心理學(xué)延伸到設(shè)計(jì)藝術(shù)領(lǐng)域的應(yīng)用心理學(xué)范疇。一方面設(shè)計(jì)心理學(xué)具有心理學(xué)的基本屬性，即科學(xué)性、客觀性和驗(yàn)證性;另一方面又包含設(shè)計(jì)藝術(shù)領(lǐng)域的藝術(shù)性、人文性。
三、設(shè)計(jì)心理學(xué)在UI設(shè)計(jì)中的應(yīng)用
如今在一些常見(jiàn)的網(wǎng)頁(yè)界面或APP界面的設(shè)計(jì)案例中，我們會(huì)發(fā)現(xiàn)這樣的現(xiàn)象，設(shè)計(jì)者為了滿足用戶的功能需求，恨不得將網(wǎng)站或APP中所有的功能，通過(guò)文字或圖形擁擠地羅列出來(lái)，以吸引用戶點(diǎn)擊。但是，臃腫繁復(fù)的功能羅列往往讓用戶眼花繚亂，不僅失去了界面所要體現(xiàn)的重點(diǎn)，更給用戶造成了的嚴(yán)重的視覺(jué)負(fù)擔(dān)，影響了注意力的集中。
在心理學(xué)中，“注意”是用來(lái)描述和解釋集中和轉(zhuǎn)移的心理現(xiàn)象。注意的功能在于把認(rèn)知過(guò)程對(duì)準(zhǔn)外部刺激，因此能收集有關(guān)信息。視覺(jué)注意類似于一個(gè)可調(diào)節(jié)的聚焦燈，但區(qū)域外的刺激有時(shí)也會(huì)被加工。視覺(jué)注意是指向物體或?qū)ο蟮模皇且曈X(jué)環(huán)境中的特定區(qū)域。在某種意義上，藝術(shù)設(shè)計(jì)其實(shí)就是競(jìng)爭(zhēng)注意的行為。如果在琳瑯滿目的貨架上，你的設(shè)計(jì)不能引起人們的注意，一切設(shè)計(jì)就將失去意義。
“注意”意味著心理努力集中于某一刺激而排除其他無(wú)關(guān)刺激的能力。而注意力轉(zhuǎn)移，即從一個(gè)刺激移動(dòng)到另一個(gè)刺激，并不是由刺激單獨(dú)決定的，認(rèn)知或意識(shí)的參與，決定轉(zhuǎn)移的時(shí)機(jī)和方向?！白⒁狻背诉x擇性和可轉(zhuǎn)移外，還可以分配，即分成許多成分。注意的本質(zhì)在于它具有選擇性。
人貪圖有更多的選擇，而當(dāng)人面對(duì)大量的選擇時(shí)，注意力會(huì)被麻痹。
心理學(xué)上有個(gè)著名的“果醬實(shí)驗(yàn)”，由斯坦福大學(xué)的研究員希娜?艾揚(yáng)格實(shí)施。她以兩個(gè)果醬攤位作為實(shí)驗(yàn)地點(diǎn)，試圖了解人們?nèi)绾巫龀鲞x擇。在一個(gè)攤位上，她放置了6種果醬，而在另一個(gè)攤位上，她除了放置剛才的6種果醬，又增加了18種，也就是共24種口味的果醬。并讓顧客試吃。后來(lái)實(shí)驗(yàn)結(jié)果為：在24種果醬的攤位，停下來(lái)試吃的顧客有60% ，但購(gòu)買(mǎi)率只有3%：而在6種果醬的攤位，停下來(lái)試吃的顧客有40%，購(gòu)買(mǎi)率卻高達(dá)31%。放置24種果醬的攤位雖然吸引了更多的顧客，但最終購(gòu)買(mǎi)果醬的人卻較少。大多數(shù)人因?yàn)榭谖短喽鵁o(wú)從選擇，最后干脆一瓶都不買(mǎi)。
這個(gè)實(shí)驗(yàn)說(shuō)明：當(dāng)人們有太多選擇時(shí)，注意力嚴(yán)重地受到了影響，甚至感到厭煩，最后可能什么都不選。
應(yīng)用這則心理學(xué)規(guī)律，設(shè)計(jì)者在UI設(shè)計(jì)中。更需注重界面的清爽簡(jiǎn)約，重點(diǎn)突出主打選項(xiàng)，弱化次要選項(xiàng)，做到主次分明，保留產(chǎn)品的關(guān)鍵點(diǎn)和特性，正如人們常說(shuō)的“紅花配綠葉”，也就是對(duì)內(nèi)容進(jìn)行有抑有揚(yáng)的對(duì)比處理，通過(guò)對(duì)比的手法能夠讓信息量在視覺(jué)上“顯得”比實(shí)際上少。讓界面布局錯(cuò)落有致、有強(qiáng)有弱，主次分明，用戶就更加容易把握界面的整體結(jié)構(gòu)，從而盡快找到自己所需要的信息，就好像報(bào)紙上有頭條新聞和各種大小標(biāo)題一樣。這些變化能夠減輕用戶的視覺(jué)壓力，讓用戶瀏覽界面時(shí)更加流暢、順利，并獲得更加舒適的心理體驗(yàn)。
通過(guò)對(duì)界面內(nèi)容的主次與強(qiáng)弱處理，還可以引導(dǎo)用戶的注意力焦點(diǎn)。比如有些網(wǎng)站界面或手機(jī)應(yīng)用界面常常把“點(diǎn)擊購(gòu)買(mǎi)”的按鈕設(shè)計(jì)得很大很醒目，位置很顯眼，就是有意地吸引用戶的注意力，引導(dǎo)用戶點(diǎn)擊，從而進(jìn)一步產(chǎn)生經(jīng)濟(jì)效益。
在信息技術(shù)飛速發(fā)展的今天，電子數(shù)碼產(chǎn)品必將更加深入地影響人們的生活方式，隨著生活水平的提高以及市場(chǎng)競(jìng)爭(zhēng)的日趨激烈，人們已經(jīng)不再滿足單純的功能需求，而是越來(lái)越注重人機(jī)之間舒適的心理體驗(yàn)，將設(shè)計(jì)心理學(xué)規(guī)律應(yīng)用在UI設(shè)計(jì)中，才能設(shè)計(jì)出和諧、美觀、令人愉悅的人機(jī)界面，增加客戶的接受心理并提高使用效率，從而會(huì)提升產(chǎn)品的核心競(jìng)爭(zhēng)力。
參考文獻(xiàn)：
[1]趙江洪.設(shè)計(jì)心理學(xué)[M].北京：北京理工大學(xué)出版社，2010.
[2]劉澄.探析數(shù)字產(chǎn)品界面中的設(shè)計(jì)心理學(xué)因素[J].藝術(shù)與設(shè)計(jì)（理論），2011.
[3]龍?zhí)?能讓UI設(shè)計(jì)顯得更簡(jiǎn)約的小技巧[EB/OL].http：//geekp-
ui設(shè)計(jì)篇4
關(guān)鍵詞：UI設(shè)計(jì)；色彩；視覺(jué)思維
從設(shè)計(jì)的角度來(lái)說(shuō)，每一種顏色都是一種主觀事物，[1]不同的顏色可以喚起人們不一樣的情緒反應(yīng)，這種反應(yīng)與人們的成長(zhǎng)經(jīng)歷、文化教育背景等有一定的關(guān)聯(lián)。對(duì)色彩的色相、明度或飽和度進(jìn)行調(diào)整，都會(huì)給用戶帶來(lái)不一樣的視覺(jué)感受。
1 UI設(shè)計(jì)的概念
UI（User Interface）設(shè)計(jì)的工作內(nèi)容主要分為用戶研究、界面設(shè)計(jì)與交互設(shè)計(jì)三種，這三種內(nèi)容既有分割又有密切的聯(lián)系。在UI設(shè)計(jì)中，主要包括UI設(shè)計(jì)風(fēng)格與構(gòu)圖、UI設(shè)計(jì)色彩因素、UI設(shè)計(jì)圖形語(yǔ)言、UI交互動(dòng)畫(huà)設(shè)計(jì)以及UI設(shè)計(jì)的視覺(jué)層級(jí)關(guān)系五個(gè)方面的內(nèi)容。在UI設(shè)計(jì)的內(nèi)容中，色彩因素十分重要，它可以有效提高用戶的使用率，在一定程度上增加系統(tǒng)的使用及應(yīng)用價(jià)值，使媒體程序更加多元化。
2 色彩的感知及影響因素
對(duì)色彩的感知是人們進(jìn)行視覺(jué)思維的主要因素之一，是人們通過(guò)眼睛與大腦對(duì)生活中感知到的物體所產(chǎn)生對(duì)光的視覺(jué)效應(yīng)。在進(jìn)行設(shè)計(jì)時(shí)，所針對(duì)的對(duì)象就是用戶，應(yīng)該從用戶角度出發(fā)去考慮設(shè)計(jì)因素，產(chǎn)品的整體設(shè)計(jì)要達(dá)到滿足用戶需求的目的。只有理解了客戶的視覺(jué)思維、視覺(jué)行為習(xí)慣等，才能進(jìn)行基礎(chǔ)的用戶交互式體驗(yàn)設(shè)計(jì)。只有了解了用戶的普遍可能性，才能設(shè)計(jì)出用戶需要的產(chǎn)品。可以看出，視覺(jué)思維在進(jìn)行交互式體驗(yàn)設(shè)計(jì)中的地位十分重要，是進(jìn)行人機(jī)交互不可缺少的前提條件。
在進(jìn)行現(xiàn)代交互設(shè)計(jì)時(shí)，設(shè)計(jì)師對(duì)色彩進(jìn)行合理的搭配使用，可以有效地幫助用戶快速對(duì)按鈕、圖片等內(nèi)容進(jìn)行查找。而且對(duì)色彩的合理使用還可以更加有效地對(duì)信息進(jìn)行組織處理，將較為龐大的屏幕信息進(jìn)行適當(dāng)?shù)臍w納。色彩感知作為人們視覺(jué)思維的一部分，主要依賴于用戶的自身感知，會(huì)根據(jù)用戶自身的興趣愛(ài)好、文化、地域等因素發(fā)生一定的變化。在進(jìn)行UI設(shè)計(jì)時(shí)，也應(yīng)該對(duì)這一部分因素進(jìn)行考慮。也就是說(shuō)，主要對(duì)色彩感知產(chǎn)生影響的包括用戶自身對(duì)色彩的本能感知與用戶對(duì)色彩產(chǎn)生視覺(jué)習(xí)慣的思維型感知兩大類。
2.1 用戶自身對(duì)色彩的本能感知
用戶自身的本能感知屬于先天性的感知能力，這種能力具有一定的局限性，也有很大的優(yōu)勢(shì)。對(duì)周圍環(huán)境及事物進(jìn)行觀察是人的一種本能體現(xiàn)。在進(jìn)行UI設(shè)計(jì)時(shí)，避免用戶對(duì)色彩感知的劣勢(shì)是主要考慮的因素。用戶對(duì)色彩進(jìn)行感知一般取決于物體與光波間的交互，如大部分的光都可以透過(guò)透明物體一樣?，F(xiàn)在我們常用的屏幕以LED屏為主，這些屏幕的材質(zhì)主要以半透明體為主，只能透過(guò)少部分的光，如果光波遇到了不透明的物體就會(huì)進(jìn)行反射。也就是說(shuō)，我們所看到的物體色彩主要與反射波的頻率有關(guān)。在UI設(shè)計(jì)中，物體以及電子屏幕的色彩都與光遠(yuǎn)以及反射光的性質(zhì)有關(guān)。不同環(huán)境下，對(duì)電子熒屏的感知色彩也會(huì)有所不同。一般情況下，大部分的用戶都對(duì)色彩有共同的一個(gè)感知范圍，在這個(gè)范圍內(nèi)，人們會(huì)對(duì)色彩有共同的認(rèn)識(shí)，但是色盲除外。因此在進(jìn)行UI設(shè)計(jì)時(shí)，要對(duì)這類人群的情況進(jìn)行適當(dāng)?shù)目紤]。
2.2 用戶對(duì)色彩視覺(jué)習(xí)慣的思維感知
用戶對(duì)色彩視覺(jué)的客觀習(xí)慣也是在進(jìn)行UI設(shè)計(jì)時(shí)需要重點(diǎn)關(guān)注的問(wèn)題，如用戶的性別、年齡、教育文化背景、情感因素、眼睛疲勞程度等。不同年齡層次的用戶對(duì)色彩的喜好有著較大的差異，如年輕人喜好亮麗的色彩，老年人偏愛(ài)穩(wěn)重的色彩等。[2]用戶眼睛的疲勞程度會(huì)隨著年齡的增加而減退，不同文化背景的人對(duì)色彩也有著不同的認(rèn)識(shí)，因此在進(jìn)行視覺(jué)UI設(shè)計(jì)時(shí)要注意UI的個(gè)性化設(shè)計(jì)。
3 UI設(shè)計(jì)中色彩的運(yùn)用
3.1 色彩在視覺(jué)UI設(shè)計(jì)中的作用
在進(jìn)行UI設(shè)計(jì)時(shí)，對(duì)色彩進(jìn)行適當(dāng)?shù)倪\(yùn)用可以使用戶更加順利地找到需要的信息，因此在UI設(shè)計(jì)中選擇合適的色彩十分重要?？梢栽诮换ピO(shè)計(jì)中根據(jù)分類區(qū)別于聯(lián)系、理解與回憶、搜索等三方面來(lái)對(duì)色彩進(jìn)行使用，提升目標(biāo)任務(wù)。
滿足分類區(qū)別于聯(lián)系，可以增加自定義結(jié)構(gòu)及子系統(tǒng)、色彩編碼的維度，使用色彩創(chuàng)建更加完整的結(jié)構(gòu)以及子結(jié)構(gòu)系統(tǒng)，使用戶在色彩的幫助下更加有效地對(duì)事物進(jìn)行分組，同時(shí)還不會(huì)對(duì)其內(nèi)在的關(guān)聯(lián)造成影響。對(duì)邏輯性較強(qiáng)的信息進(jìn)行整合時(shí)，色彩也可以起到一定的作用。例如，將簡(jiǎn)單易懂的色彩編碼進(jìn)行使用，可以幫助用戶對(duì)較為復(fù)雜的事物進(jìn)行聯(lián)系，達(dá)到快速了解并使用的目的。
適當(dāng)色彩的使用可以減少用戶在使用產(chǎn)品時(shí)對(duì)操作不理解的情況，還可以有效地將人們的視覺(jué)以及感知系統(tǒng)進(jìn)行結(jié)合，更有效地傳達(dá)信息，盡可能地減少用戶在理解上的誤差。[3]色彩也可以幫助人們產(chǎn)生與色彩相關(guān)的聯(lián)想，因?yàn)樵S多事物都在一定程度與某種顏色存在關(guān)聯(lián)，用戶可以通過(guò)這一內(nèi)在的關(guān)聯(lián)對(duì)系統(tǒng)中的信息進(jìn)行識(shí)別。
對(duì)色彩的明度、飽和度、對(duì)比度等進(jìn)行適當(dāng)?shù)恼{(diào)試，可以使UI中的目標(biāo)展示出不同的效果。例如，在進(jìn)行UI設(shè)計(jì)時(shí)，可以將有關(guān)聯(lián)的內(nèi)容使用相似或相近的顏色進(jìn)行表示，方便客戶篩選使用。
3.2 色彩在UI設(shè)計(jì)中的運(yùn)用
色彩可以使人們從視覺(jué)上產(chǎn)生一定的情感，也在人類的歷史發(fā)展進(jìn)程中擔(dān)當(dāng)著不同的使命以及象征。我們一般將顏色分為暖色與冷色。暖色包括紅、橙、黃這三種顏色以及這三種顏色結(jié)合而成的顏色。研究發(fā)現(xiàn)，暖色系的顏色象征著激情、活力、積極，給人以溫暖的感覺(jué)。在進(jìn)行UI設(shè)計(jì)時(shí)，一般使用紅、橙、黃這三種顏色來(lái)表達(dá)激情、快樂(lè)的基調(diào)。而且對(duì)暖色系的使用可以加強(qiáng)人們的食欲，很多餐飲品牌都使用了這些顏色。暖色也存在一定的消極影響，暖色的使用會(huì)在一定程度上加快人們的心跳，長(zhǎng)時(shí)間將視線停留在暖色調(diào)上會(huì)引起人們焦躁的情緒，因此在醫(yī)院的色彩裝飾中不會(huì)出現(xiàn)暖色基調(diào)，特別是對(duì)紅色的運(yùn)用。冷色調(diào)包括藍(lán)、綠、紫。與暖色調(diào)對(duì)比來(lái)說(shuō)，冷色調(diào)的視覺(jué)強(qiáng)度相對(duì)較弱，會(huì)給人放松、舒適的心理感受。藍(lán)色屬于三原色的一種，可以給人嚴(yán)謹(jǐn)、專業(yè)的感受，因此高科技型的企業(yè)一般都會(huì)選擇使用藍(lán)色作為標(biāo)準(zhǔn)色彩。綠色則給人一種自然、清新的心理感受。紅色較艷麗，能準(zhǔn)確抓住大眾的眼球。在UI設(shè)計(jì)中，紅色被設(shè)計(jì)師運(yùn)用得非常普遍。
4 結(jié)束語(yǔ)
色彩影響人類的視覺(jué)思維，在UI的設(shè)計(jì)中非常重要，直接影響著用戶的視覺(jué)感觀。用戶的交互體驗(yàn)是由UI設(shè)計(jì)師對(duì)色彩應(yīng)用所表現(xiàn)而出的?，F(xiàn)今，有許多UI色彩交互設(shè)計(jì)師可靈活搭配色彩。在手機(jī)或電腦上運(yùn)用交互搭配可使用戶順利找到按鈕、圖標(biāo)等，讓用戶擁有全新的感受。此外，合理運(yùn)用色彩可有效地整理、組織信息，有利于用戶歸納屏幕上的信息。不同的對(duì)比度、色彩飽和度以及色彩明度，可以通過(guò)調(diào)試手機(jī)或電腦等電子產(chǎn)品屏幕中的各種目標(biāo)，以不同的效果展現(xiàn)出來(lái)，從而表達(dá)出所要傳達(dá)的信息。
參考文獻(xiàn)：
[1] 張美珍.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].設(shè)計(jì)，2014，8（7）：97-98.
[2] 何浩.基于色彩心理學(xué)的UI設(shè)計(jì)研究[J].中國(guó)新通信，2015，12（9）：11.
ui設(shè)計(jì)篇5
董景博10年前就覺(jué)得UI設(shè)計(jì)是個(gè)很有潛力的職業(yè)，現(xiàn)在，他仍然自信地說(shuō)“在國(guó)內(nèi)，UI設(shè)計(jì)才剛剛開(kāi)始”。他是國(guó)內(nèi)一個(gè)UI設(shè)計(jì)者論壇——Iconfans的創(chuàng)始人，也是北京服裝學(xué)院UI設(shè)計(jì)課的代課教師。
UI設(shè)計(jì)，是指對(duì)軟件人機(jī)交互界面的整體設(shè)計(jì)。就拿我們用得最多的一些軟件來(lái)說(shuō)，瀏覽器的皮膚用什么主題，播放器用什么圖標(biāo)，網(wǎng)頁(yè)用什么色彩，這些都是設(shè)計(jì)師勞作的結(jié)果。在智能手機(jī)上，我們看不見(jiàn)各種App后臺(tái)程序的編碼，卻能對(duì)UI設(shè)計(jì)師設(shè)計(jì)的圖標(biāo)一目了然。
UI設(shè)計(jì)是軟件開(kāi)發(fā)始終離不開(kāi)的行業(yè)。隨著軟件開(kāi)發(fā)的從業(yè)者越來(lái)越多，UI設(shè)計(jì)師也成了職場(chǎng)新貴?！都~約時(shí)報(bào)》曾報(bào)道說(shuō)，UI設(shè)計(jì)師已經(jīng)成為蘋(píng)果、谷歌等全球知名企業(yè)招聘最熱門(mén)的崗位；智聯(lián)招聘光是北京地區(qū)招聘UI設(shè)計(jì)的信息，有3200多條，而前程無(wú)憂上全國(guó)范圍內(nèi)則出現(xiàn)了將近16000條，大部分還有長(zhǎng)期有效、長(zhǎng)期招聘等字眼。
“只要電腦、智能手機(jī)一直存在，UI設(shè)計(jì)就會(huì)一直發(fā)展?！倍安┱f(shuō)。目前的形勢(shì)似乎越來(lái)越讓他滿意，一些導(dǎo)航系統(tǒng)、地鐵售票機(jī)、銀行取款機(jī)甚至一些可穿戴設(shè)備都需要人和機(jī)器互動(dòng)的界面，這給UI設(shè)計(jì)帶來(lái)了更多的發(fā)展機(jī)會(huì)。
UI不再陌生
作為國(guó)內(nèi)較早走上UI設(shè)計(jì)道路的設(shè)計(jì)師，董景博見(jiàn)證了這個(gè)行業(yè)在國(guó)內(nèi)的發(fā)展。2004年，董景博到新浪UC做UI設(shè)計(jì)，UC是新浪推出的一款即時(shí)聊天工具，董景博主要做軟件的皮膚設(shè)計(jì)。這期間他參與了UTalk（游戲語(yǔ)音軟件）從無(wú)到有的全部過(guò)程，目睹了軟件開(kāi)發(fā)的整個(gè)流程，這成了他UI設(shè)計(jì)道路的起點(diǎn)。
其實(shí)，UI設(shè)計(jì)早在2000年就傳入國(guó)內(nèi)，但是當(dāng)時(shí)人們并不將它稱之為UI，而是平面設(shè)計(jì)甚至美工。那時(shí)候，金山軟件成立的人機(jī)界面組，團(tuán)隊(duì)只有2個(gè)人。后來(lái)一些IT行業(yè)的公司紛紛設(shè)立UI設(shè)計(jì)崗位，一時(shí)間，軟件管家、瀏覽器、播放器、下載軟件等PC軟件上出現(xiàn)了競(jìng)爭(zhēng)，這種競(jìng)爭(zhēng)使得UI設(shè)計(jì)師成為當(dāng)時(shí)招聘最多的人才。但這些招聘都是針對(duì)PC，鮮有針對(duì)移動(dòng)設(shè)備的，因?yàn)楫?dāng)時(shí)非智能手機(jī)大部分是單色的，手機(jī)系統(tǒng)并沒(méi)有留給設(shè)計(jì)師們發(fā)揮的余地。2003年，多普達(dá)了國(guó)內(nèi)第一款使用Windows Mobile 2003 PocketPC 系統(tǒng)的智能手機(jī)，設(shè)計(jì)師終于能在上面做點(diǎn)東西了，因而這款手機(jī)被董景博稱為“當(dāng)時(shí)最牛的手機(jī)”，“后來(lái)，不管是蘋(píng)果手機(jī)還是彩屏手機(jī)，大家都考慮怎么給上面的應(yīng)用做設(shè)計(jì)?！?span style="display:none">Dy1萬(wàn)博士范文網(wǎng)-您身邊的范文參考網(wǎng)站Vanbs.com
Iconfans的標(biāo)簽
到2007年，董景博覺(jué)得UI設(shè)計(jì)這個(gè)領(lǐng)域已經(jīng)有很多人關(guān)注了，但是缺少一個(gè)大家互動(dòng)交流的社區(qū)，因此他一個(gè)人“背了一些書(shū)，找了一個(gè)地方，請(qǐng)了一些人，做了一些活動(dòng)，做成了一個(gè)論壇”。這一年，旨在為設(shè)計(jì)愛(ài)好者提供交流和學(xué)習(xí)的網(wǎng)絡(luò)論壇Iconfans上線。盡管Iconfans是一個(gè)“沒(méi)怎么花錢(qián)”的網(wǎng)站，但他在朋友的介紹下，很多的設(shè)計(jì)師開(kāi)始在網(wǎng)上曬出自己的作品，并相互交流和評(píng)價(jià)，一時(shí)間一大批一流的設(shè)計(jì)師在此匯集。
Iconfans聲名鵲起是在2008年，在這年的國(guó)際GUI冠軍賽中，Iconfans團(tuán)隊(duì)獲得全場(chǎng)最佳團(tuán)隊(duì)銅獎(jiǎng)，論壇人氣暴漲。但當(dāng)時(shí)只有一定水平的設(shè)計(jì)師通過(guò)邀請(qǐng)碼注冊(cè)才能成為論壇的會(huì)員，這影響了設(shè)計(jì)愛(ài)好者們的交流，最終論壇對(duì)所有人開(kāi)放，并且開(kāi)設(shè)了作品展示、經(jīng)驗(yàn)分享、設(shè)計(jì)活動(dòng)、招聘信息等平臺(tái)。
“對(duì)初學(xué)者來(lái)說(shuō)，Iconfans是一個(gè) '最真實(shí)、最無(wú)私' 的團(tuán)體，很多資深設(shè)計(jì)師會(huì)在忙碌之余，給新人們提供教程，并提供一些意見(jiàn)。”知乎網(wǎng)上有網(wǎng)友這樣評(píng)論Iconfans。
“國(guó)內(nèi)不少一流的設(shè)計(jì)師都多多少少帶有Iconfans的標(biāo)簽。”有設(shè)計(jì)師這樣說(shuō)。在網(wǎng)上，Iconfans被縮寫(xiě)成了If，If成了設(shè)計(jì)師圈子里不可忽視的符號(hào)。
目前，Iconfans的合作方正在逐漸增多，小米是最具代表性的一個(gè)。小米為了優(yōu)化和開(kāi)發(fā)Android系統(tǒng)，與Iconfans合作，企圖打造一個(gè)以設(shè)計(jì)師為中心的主題開(kāi)發(fā)市場(chǎng)。2014年，董景博“花了7位數(shù)的錢(qián)”購(gòu)入域名UI，因此，外界猜測(cè)UI行業(yè)將會(huì)有更大的動(dòng)作。
對(duì)于外界猜測(cè)，董景博笑了笑說(shuō)：“號(hào)稱是這樣的?！?span style="display:none">Dy1萬(wàn)博士范文網(wǎng)-您身邊的范文參考網(wǎng)站Vanbs.com
贏未來(lái) UI設(shè)計(jì)師跟程序開(kāi)發(fā)者是怎么合作的？董景博 設(shè)計(jì)師跟程序員合作，這主要靠一套規(guī)范。Android系統(tǒng)和iOS系統(tǒng)都有自己的設(shè)計(jì)規(guī)范。設(shè)計(jì)師做出貼圖和設(shè)計(jì)，提供給開(kāi)發(fā)者用，同時(shí)要跟開(kāi)發(fā)者溝通，哪些圖標(biāo)能貼，哪些不能貼，貼哪里，尺寸和間距等問(wèn)題都要溝通。實(shí)際操作中，大家基本上都使用同一種規(guī)范，不過(guò)為了更好地配合開(kāi)發(fā)者，我們要求設(shè)計(jì)師要知道更多的規(guī)范。
贏未來(lái) 你有沒(méi)有跟程序開(kāi)發(fā)者合作不好的例子？
董景博 設(shè)計(jì)師跟開(kāi)發(fā)者合作不好的情況非常多。我們?cè)?jīng)為遨游科技開(kāi)發(fā)過(guò)一個(gè)產(chǎn)品，做的設(shè)計(jì)圖已經(jīng)達(dá)到非常滿意的狀態(tài)了，我們就把圖交給開(kāi)發(fā)者，可是開(kāi)發(fā)者并不重視這些細(xì)節(jié)，他只要軟件的功能實(shí)現(xiàn)就完事了，結(jié)果這個(gè)產(chǎn)品就很不成功。這也要看開(kāi)發(fā)者個(gè)人，有些開(kāi)發(fā)者重視設(shè)計(jì)，有些公司也很關(guān)注這些細(xì)節(jié)，但有些開(kāi)發(fā)者并不在意設(shè)計(jì)這方面的東西，這樣的話出錯(cuò)的情況就很多。
贏未來(lái) 作為資深的UI設(shè)計(jì)師，你覺(jué)得目前國(guó)內(nèi)UI設(shè)計(jì)師的需求有多大？
董景博 目前Iconfans只有9萬(wàn)個(gè)會(huì)員，我估計(jì)國(guó)內(nèi)從業(yè)者最多也就20萬(wàn)個(gè)，這個(gè)行業(yè)需求非常大。我們都了解谷歌的應(yīng)用市場(chǎng)，也了解App Store ，App Store 去年就有1000萬(wàn)個(gè)應(yīng)用，今年肯定會(huì)突破1000萬(wàn)，這么多應(yīng)用，它的開(kāi)發(fā)者都需要設(shè)計(jì)師幫忙。有些應(yīng)用是簡(jiǎn)單的工具，無(wú)所謂設(shè)計(jì)，那我去掉一半也有500萬(wàn)個(gè)應(yīng)用，每一個(gè)應(yīng)用都需要設(shè)計(jì)師去做，因此UI設(shè)計(jì)師的需求非常龐大。
贏未來(lái) 要成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師，需要具備哪些條件？
董景博 一般人只要做幾個(gè)簡(jiǎn)單的圖形界面，就可以稱為設(shè)計(jì)師了，但是如果想要成為一個(gè)優(yōu)秀的設(shè)計(jì)師，需要具備以下幾點(diǎn)：
首先從平面的角度來(lái)講，設(shè)計(jì)師要了解構(gòu)圖和信息傳達(dá)，因?yàn)椴还茉赑C上也好，手機(jī)上也好，都是一個(gè)信息傳達(dá)的過(guò)程，如何讓用戶更快地了解你做的產(chǎn)品，這是首先要考慮的；另外，對(duì)色彩要有很好的識(shí)別度和感覺(jué)。
ui設(shè)計(jì)篇6
關(guān)鍵詞：UI設(shè)計(jì)；用戶體驗(yàn)；發(fā)展變化
檢 索：.cn
中圖分類號(hào)：J0 文獻(xiàn)標(biāo)志碼： A 文章編號(hào)：1008-2832（2015）05-0048-03
Follow the Form of Experience， a Brief Analysis of the Design of Visual Performance UI
HAN Jun， MIAO Meng-yu（Tianjin University of Technology College of Art， Tianjin 300000， China）
Abstract ：In the network era， with the continuous development of art and technology， living environment has become more and more intelligent， UI design as a bridge connecting the user and the product， its role is more and more obvious； at the same time， the user experience to bring the intelligent network， convenience and wonderful， intelligent demand of users greatly excited. Based on the analysis of the user itself， UI design visual performance changes in the development of contemporary life in the rapid development from the perspective of the user experience， promote UI design visual performance from the function to the deeper development of humanistic care.
Key words ：UI design； user experience； development and change
Internet ：.cn
一、UI設(shè)計(jì)的發(fā)展氛圍
UI全稱是User Interface，也就是用戶界面，那么UI設(shè)計(jì)簡(jiǎn)而言之就是連接產(chǎn)品與用戶之間的使用界面的設(shè)計(jì)，是二者溝通的橋梁。UI設(shè)計(jì)是伴隨著科技發(fā)展所產(chǎn)生的新興設(shè)計(jì)門(mén)類，由于網(wǎng)絡(luò)不斷的普及與擴(kuò)張，“信息社會(huì)”悄然而至，智能產(chǎn)品更多的融入人們的日常生活，人們?cè)诓恢挥X(jué)中與界面的接觸越來(lái)越頻繁，由最初的電腦擴(kuò)展至現(xiàn)在的智能手機(jī)、公共設(shè)施的應(yīng)用平臺(tái)以及高級(jí)家用電器等，并不斷有創(chuàng)新產(chǎn)品的涌現(xiàn)。例如一款在美國(guó)紐約街頭已形成風(fēng)潮的“杯子蛋糕ATM機(jī)”（圖1-2），受到市民的一致喜愛(ài)，不僅可以提供5種口味供市民選擇，而且能24小時(shí)營(yíng)業(yè)，打破了店鋪銷售在時(shí)間與人員因素上的限制，讓服務(wù)更便利。韓國(guó)的設(shè)計(jì)師也提出了全能砧板（如圖3）這個(gè)有趣的概念，除了作為砧板切菜以外，它能直接顯示食譜和詳細(xì)的步驟指導(dǎo)，并且能夠給食材稱重量，甚至能檢測(cè)清洗食材時(shí)的干凈程度，避免交叉污染或食物中毒，將砧板的功能多樣化且智能化，使之從一種簡(jiǎn)單的使用工具變成能夠給用戶提供服務(wù)和有效反饋的幫手。
智能化的生活產(chǎn)品越來(lái)越豐富，究其發(fā)展原因，不僅是科技發(fā)展帶來(lái)了技術(shù)上的可能性；也是人們對(duì)現(xiàn)代生活更效率化、人性化需求的體現(xiàn)，使用戶在使用產(chǎn)品的過(guò)程中，對(duì)時(shí)間的利用上，空間選擇上不必像以往那么受到局限，同時(shí)也開(kāi)始逐漸注重自身的參與感和產(chǎn)品體驗(yàn)的滿足感，尋求對(duì)功能性滿足之上更深層的心理滿足感，也許用戶自己都沒(méi)意識(shí)到，在體驗(yàn)到網(wǎng)絡(luò)化智能化在電腦和手機(jī)上帶來(lái)的便利與精彩后，人們的智能需求得到了極大的激發(fā)，對(duì)簡(jiǎn)潔、美觀、易操作，用戶體驗(yàn)良好的UI設(shè)計(jì)越來(lái)越重視；這也使得UI設(shè)計(jì)從最初的“形式追隨功能”向“形式追隨體驗(yàn)”轉(zhuǎn)變。
二、“形式追隨體驗(yàn)”的本質(zhì)
那么何為體驗(yàn)？體驗(yàn)是用戶在使用一個(gè)產(chǎn)品過(guò)程中，建立起來(lái)的純主觀的感受，例如生理習(xí)慣、心理印象、內(nèi)心情感等方面。用戶是體驗(yàn)的主體，也就是說(shuō)“形式追隨體驗(yàn)”要從用戶出發(fā)，其本質(zhì)就是以人為本、以用戶體驗(yàn)為中心；這要求在設(shè)計(jì)時(shí)始終從用戶的使用習(xí)慣、主觀感受和視覺(jué)體驗(yàn)出發(fā)，將單純功能性體現(xiàn)、需要用戶去被動(dòng)接受和適應(yīng)的產(chǎn)品設(shè)計(jì)，轉(zhuǎn)變?yōu)橹鲃?dòng)支持用戶的產(chǎn)品設(shè)計(jì)。
ui設(shè)計(jì)篇7
關(guān)鍵詞： UI；信息系統(tǒng)UI設(shè)計(jì)；用戶體驗(yàn)
JefRaskin說(shuō)過(guò)：在你使用工具完成任務(wù)的過(guò)程中，你所做的操作以及工具的響應(yīng)，這些結(jié)合起來(lái)構(gòu)成了界面。一個(gè)好的信息系統(tǒng)界面不是設(shè)計(jì)的美倫美奐，用了各種精美的圖標(biāo)、界面上擺滿按鈕和菜單，而是不但要好看，更是要好用，要充分考慮用戶和系統(tǒng)之間的交互情況，能夠給予用戶便利易用的良好體驗(yàn)。
以用戶為中心的信息系統(tǒng)界面應(yīng)該具備能用、會(huì)用、好用、快用4個(gè)特點(diǎn)。
1）用戶能用：界面上的所有功能鍵都正常使用，不會(huì)報(bào)錯(cuò)，功能滿足對(duì)應(yīng)的用戶的需求，用戶可以使用本界面完成需要操作。
2）用戶會(huì)用：界面不會(huì)讓用戶產(chǎn)生陌生感，不會(huì)因邏輯、層級(jí)或者界面表達(dá)導(dǎo)致用戶不會(huì)操作，誤操作，繁復(fù)操作。
3）用戶好用：架構(gòu)清晰合理，一目了然，用戶知道在哪操作，功能簡(jiǎn)便流暢，界面美觀，使用舒適，不會(huì)產(chǎn)生疲勞厭倦。
4）用戶快用：操作要便捷，執(zhí)行速度快，服務(wù)響應(yīng)及時(shí)，在用戶心理接受范圍內(nèi)完成操作。
要實(shí)現(xiàn)用戶能用、會(huì)用、好用、快用的良好體驗(yàn)的信息系統(tǒng)界面，在UI設(shè)計(jì)上需要貫徹以下幾個(gè)原則：
1）明確系統(tǒng)需求。進(jìn)行UI設(shè)計(jì)首先是確定清晰的任務(wù)和目標(biāo)。要與用戶進(jìn)行深入詳實(shí)的交流，進(jìn)行需求調(diào)研，把握住系統(tǒng)的方向，了解系統(tǒng)需求，明確所有需實(shí)現(xiàn)的功能，以及與界面的關(guān)聯(lián)。制定出詳細(xì)的實(shí)施計(jì)劃，并規(guī)定UI設(shè)計(jì)規(guī)格。在設(shè)計(jì)上要充分考慮用戶的需求，方案可與用戶進(jìn)行溝通，多征求用戶意見(jiàn)，此時(shí)多做規(guī)劃會(huì)減少后期大量的工作量。
2）優(yōu)化交互界面。界面設(shè)計(jì)的交互性很重要，用戶能不能用好系統(tǒng)，很大程度依賴系統(tǒng)的交互設(shè)計(jì)。如同兩個(gè)人之間一對(duì)一的交流對(duì)話，想溝通順暢，就要遵循著對(duì)方的交流習(xí)慣。在設(shè)計(jì)上遵循用戶的交互習(xí)慣和方式是實(shí)現(xiàn)良好交互性的關(guān)鍵。比如功能的擺方位置，界面邏輯等等。在界面設(shè)計(jì)上，要友好易用，不要為用戶增添不必要的工作，盡量在系統(tǒng)后臺(tái)處理。對(duì)于提示說(shuō)明，要明確，符合邏輯，避免誤導(dǎo)用戶。
3）引導(dǎo)用戶完成操作。界面的設(shè)計(jì)需要讓用戶能夠自如的無(wú)障礙的進(jìn)行操作。重點(diǎn)體現(xiàn)在界面上的導(dǎo)航與標(biāo)識(shí)的設(shè)計(jì)，很多時(shí)候?qū)Ш骄驮诔洚?dāng)標(biāo)識(shí)。標(biāo)識(shí)協(xié)助用戶得知當(dāng)前的位置，處于什么情況，要進(jìn)行什么操作，下步工作是什么，而導(dǎo)航則引導(dǎo)用戶一步一步的進(jìn)行操作。在設(shè)定導(dǎo)航時(shí)要分析用戶的操作步驟，完成路徑規(guī)劃，區(qū)分權(quán)限對(duì)應(yīng)的導(dǎo)航層級(jí)。標(biāo)識(shí)一般包括圖標(biāo)、按鈕以及文字。標(biāo)識(shí)應(yīng)該與界面整體風(fēng)格保持一致，簡(jiǎn)潔明了，并清晰的反應(yīng)出所標(biāo)識(shí)的含義，為用戶起到指引作用，并且是大家約定俗成的方式，比如垃圾箱的圖標(biāo)體現(xiàn)的就是刪除的意思，灰色的按鈕一般為不可點(diǎn)擊等。
4）視覺(jué)風(fēng)格一致。界面保持盡可能少的格式樣式，風(fēng)格、文字、圖標(biāo)、按鈕等等都盡量保持整體性。根據(jù)用戶需求和使用習(xí)慣來(lái)設(shè)計(jì)界面風(fēng)格、框架以及布局；信息系統(tǒng)的界面以大方簡(jiǎn)潔為主，盡量少用不同色塊，一般不超為4種為宜；統(tǒng)一文字的字體、顏色以及大小，語(yǔ)法和描述盡量簡(jiǎn)潔清楚；按鈕等操作符風(fēng)格保持統(tǒng)一，圖片顯示形式、清晰度、裁剪大小保持一致?？丶念伾⒈尘?、大小等也保持一致。
除了以上四個(gè)基本原則，UI設(shè)計(jì)上還有幾個(gè)需要注意的問(wèn)題：
1）在不同的環(huán)境反復(fù)測(cè)試。由于顯示器、顯卡等電腦硬件問(wèn)題，不同機(jī)器上顯示的色彩是不同的，應(yīng)改在多個(gè)不同顯示環(huán)境下進(jìn)行測(cè)試，選取在大多數(shù)顯示環(huán)境色調(diào)都合適的顏色方案進(jìn)行使用。此外，因?yàn)橛?jì)算機(jī)顯示器大小和比例不同，界面最大化的顯示也不相同，在進(jìn)行界面設(shè)計(jì)及布局時(shí)要充分考慮這個(gè)問(wèn)題，以滿足大部分顯示環(huán)境為易。
2）檢驗(yàn)窗口縮放時(shí)的布局顯示。要考慮窗口縮放時(shí)界面不會(huì)出現(xiàn)顯示不完全，或比例失調(diào)的問(wèn)題。可采用固定窗口大小或設(shè)置等比例改變。另外，在界面初始化時(shí)的大小，應(yīng)該根據(jù)具體情況進(jìn)行設(shè)計(jì)，比如小尺寸的功能沒(méi)必要以全屏幕顯示，大尺寸的功能超過(guò)顯示器屏幕顯示尺寸，應(yīng)加入滾動(dòng)條等設(shè)置。
3）界面布局設(shè)計(jì)的規(guī)則。界面布局一般遵循：窗口的位置和對(duì)齊方式要保持一致，每個(gè)相似窗體沿用同種布局、字體和顏色；界面整體操作方式保持一致，如添加信息都點(diǎn)擊添家按鈕進(jìn)行添加，用同樣的按鈕代表顯示；欄目的級(jí)別一般不超過(guò)三級(jí)，用戶瀏覽哪一層級(jí)都應(yīng)該可以獲得而頁(yè)面路徑，欄目的題目與內(nèi)容想關(guān)聯(lián)；窗體打開(kāi)一般盡量少打開(kāi)新窗口；常用的按鈕可支持快捷方式操作，系統(tǒng)具有默認(rèn)處理走向的默認(rèn)按鈕，在用戶敲回車鍵時(shí)可快速執(zhí)行操作，并且操作可以還原；瀏覽點(diǎn)擊過(guò)的內(nèi)容顏色可以產(chǎn)生變化，以區(qū)分未瀏覽內(nèi)容；在整個(gè)交互的過(guò)程中，都要可以識(shí)別鼠標(biāo)操作，鼠標(biāo)右鍵能彈出快捷菜單等等。
4）顏色使用的規(guī)則。一般來(lái)說(shuō)，信息系統(tǒng)適合用簡(jiǎn)潔干凈的顏色，同色系的過(guò)渡色使用起來(lái)即不會(huì)顯得突兀，又增加了層次感。而一些造成強(qiáng)烈反差效果的顏色，適合用于特殊意義或警示，比如一些無(wú)法撤消的操作，以特殊的顏色提醒用戶操作時(shí)多加注意。顏色也可以劃分結(jié)構(gòu)，用不同顏色的文字來(lái)顯示不同功能功能，能視覺(jué)上清晰的分割作用?？傊褂妙伾裱藗兊乃季S邏輯和使用習(xí)慣。
1）設(shè)置出錯(cuò)信息。在界面設(shè)計(jì)中，應(yīng)首先考慮盡量減少用戶在使用過(guò)程中出現(xiàn)錯(cuò)誤，在操作中讓用戶能看出如何做出正確操作，并且對(duì)于可能出現(xiàn)的錯(cuò)誤予以警示。在用戶出現(xiàn)錯(cuò)誤時(shí)，不應(yīng)該只告訴用戶無(wú)法完成和操作失敗，而是應(yīng)該明晰錯(cuò)誤的含義，給出用戶如何解決問(wèn)題、正確操作的建議。
2）適當(dāng)給予提示及幫助。在特殊操作和功能界面上加入提示，必要時(shí)加機(jī)幫助。提示要站在用戶的角度，以簡(jiǎn)明的描述告訴用戶當(dāng)前功能的情況、注意事項(xiàng)以及如何處理。沒(méi)必要的提醒不要出現(xiàn)，會(huì)引起用戶的邏輯偏差，不但不是對(duì)用戶的細(xì)致的關(guān)懷，還對(duì)用戶造成了擾亂。聯(lián)機(jī)幫助作為輕型的幫助文件，要有清晰的分類和索引，語(yǔ)言要簡(jiǎn)潔明了，通俗易懂。
信息系統(tǒng)的UI設(shè)計(jì)工作貫穿整個(gè)開(kāi)發(fā)周期，在需求與設(shè)計(jì)階段，需要分析了解用戶需求，提出UI設(shè)計(jì)方案，在實(shí)施過(guò)程需要與程序開(kāi)發(fā)人員共同協(xié)調(diào)進(jìn)行，在后期也會(huì)根據(jù)用戶的需要再進(jìn)行完善調(diào)整?？梢哉f(shuō)，UI設(shè)計(jì)融合了計(jì)算機(jī)技術(shù)、工業(yè)產(chǎn)品設(shè)計(jì)技術(shù)、美學(xué)、心理學(xué)等多種元素，是用戶了解系統(tǒng)的門(mén)戶，也是用戶與系統(tǒng)直接交互的橋梁。企業(yè)從戰(zhàn)略角度和長(zhǎng)期利益出發(fā)，做好以用戶為中心的UI設(shè)計(jì)是非常有必要的。
參考文獻(xiàn)：
[1]UI群英匯用戶體驗(yàn)交互視覺(jué)設(shè)計(jì)方法論，徐海波等，清華大學(xué)出版社.
[2]用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)，加瑞特（著）、范曉燕（譯），機(jī)械工業(yè)出版社.
[3]潛移默化用戶體驗(yàn)設(shè)計(jì)行動(dòng)指南博維斯，博克斯（著）、DeDream（譯），機(jī)械工業(yè)出版社.
ui設(shè)計(jì)篇8
1、關(guān)于網(wǎng)站的用戶體驗(yàn)
網(wǎng)站中的用戶體驗(yàn)強(qiáng)調(diào)網(wǎng)站的可用性與視覺(jué)感受,包括功能、內(nèi)容、形式等因素,這些因素共同組成了用戶體驗(yàn),是相互聯(lián)系的統(tǒng)一體。在眾多的影響用戶體驗(yàn)的因素中,產(chǎn)品的“可用性”是一個(gè)至關(guān)重要的因素。國(guó)際標(biāo)準(zhǔn)中認(rèn)為可用性是涉及容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶滿意,以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對(duì)特定目標(biāo)的評(píng)價(jià)。在網(wǎng)站設(shè)計(jì)中是即要從用戶的角度,架構(gòu)和設(shè)計(jì)網(wǎng)站,還要看到用戶的需要,滿足用戶需求。網(wǎng)站設(shè)計(jì)是將用戶引入到設(shè)計(jì)當(dāng)中,把獲取網(wǎng)站的信息、消費(fèi)產(chǎn)品作為美好體驗(yàn)的過(guò)程。
(1)網(wǎng)站體驗(yàn)。根據(jù)網(wǎng)站設(shè)計(jì)的最終目標(biāo)可以把網(wǎng)站分為三個(gè)方面:網(wǎng)站外觀、用戶行為、服務(wù)力度。用戶對(duì)一個(gè)產(chǎn)品的體驗(yàn)是遞進(jìn)的,首先是當(dāng)用戶進(jìn)入網(wǎng)站時(shí)視覺(jué)感受如何,有一個(gè)大概的基礎(chǔ)印象,如果網(wǎng)站中 UI的設(shè)計(jì)第一感覺(jué)看上去不能迎合用戶的期望很可能會(huì)放棄繼續(xù)瀏覽網(wǎng)站。其次是行為,也就是網(wǎng)站的可用性與易用性,使用的感覺(jué)如何,如果在使用過(guò)程中遇到阻力在某種程度上會(huì)對(duì)交互行為產(chǎn)生很大的影響。最后是服務(wù)力度,當(dāng)用戶使用一個(gè)網(wǎng)站尤其是電商網(wǎng)站,主要產(chǎn)生的就是消費(fèi)行為,網(wǎng)站的售后服務(wù)在用戶體驗(yàn)中顯得極為重要,售后服務(wù)的質(zhì)量直接影響到用戶的心理感受。
(2)用戶行為。網(wǎng)站的類型不同,目標(biāo)用戶也會(huì)有所不同,如男性、女性、青少年、兒童等。根據(jù)自身網(wǎng)站的定位去確定用戶群,比如汽車網(wǎng)站的用戶主要以男性為主。從用戶心理的角度看,首先網(wǎng)站的設(shè)計(jì)在于能夠把用戶的注意力集中在網(wǎng)站推廣的產(chǎn)品、信息上,可以按照自身的主觀意愿進(jìn)行操作,不需要有過(guò)多的思考過(guò)程,不需要理解網(wǎng)站結(jié)構(gòu),圖標(biāo)含義,以及導(dǎo)航在哪。其次用戶不必花費(fèi)太多的學(xué)習(xí)成本,操作與理解出錯(cuò)較少,簡(jiǎn)單的操作動(dòng)作與操作習(xí)慣是好的體驗(yàn)的基本。對(duì)于一個(gè)網(wǎng)站的體驗(yàn)而言最好的方法就是按照用戶所想的那樣去設(shè)計(jì)。
(3)設(shè)計(jì)師因素。對(duì)于按照網(wǎng)站工作內(nèi)容的來(lái)劃分可以有視覺(jué)設(shè)計(jì)師、交互設(shè)計(jì)師和程序工程設(shè)計(jì)師。視覺(jué)設(shè)計(jì)師需要考慮的是網(wǎng)頁(yè)設(shè)計(jì)與創(chuàng)意是否符合用戶的審美需求,網(wǎng)站從外觀看起來(lái)直接對(duì)用戶產(chǎn)生的感受。交互設(shè)計(jì)師負(fù)責(zé)的是網(wǎng)站與用戶之間的交互行為,在此過(guò)程中用戶能否順利的完成整個(gè)體驗(yàn)過(guò)程。程序工程師決定網(wǎng)站的功能與技術(shù)支持,是否能夠保證網(wǎng)站正常運(yùn)行,不影響用戶的使用。
2、UI設(shè)計(jì)與體驗(yàn)的關(guān)系
UI即用戶界面,是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。對(duì)于工業(yè)設(shè)計(jì)領(lǐng)域中的人機(jī)交互設(shè)計(jì)就是指人和機(jī)器之間發(fā)生交互的時(shí)候能夠高效率、舒適的對(duì)機(jī)器進(jìn)行操控,在操作者需要對(duì)機(jī)器的操作做出決定的同時(shí)也能夠幫助機(jī)器快速的給用戶以反饋。
(1)網(wǎng)頁(yè)中的 UI設(shè)計(jì)。網(wǎng)站中的 UI設(shè)計(jì)體現(xiàn)在用戶與網(wǎng)站之間的交互與網(wǎng)頁(yè)設(shè)計(jì)。從用戶界面的角度來(lái)看,網(wǎng)頁(yè)的 UI設(shè)計(jì)與網(wǎng)頁(yè)的視覺(jué)效果、風(fēng)格等密切相關(guān),不僅具有審美價(jià)值,也體現(xiàn)著人文關(guān)懷,無(wú)論從人的閱讀習(xí)慣還是操作行為都具有以人為本的理念。當(dāng)然對(duì)于一個(gè)網(wǎng)站而言,用戶所體驗(yàn)的并不僅僅是審美與功能的設(shè)計(jì)。通常是包含功能與形式得到最協(xié)調(diào)的平衡,為整個(gè)網(wǎng)站的目標(biāo)而服務(wù),這樣會(huì)拉近用戶與網(wǎng)站之間的距離,賞心悅目的外觀與強(qiáng)大的功能是否配合得當(dāng),成為用戶體驗(yàn)的一個(gè)檢驗(yàn)標(biāo)準(zhǔn),用戶使用網(wǎng)站月輕松,其滿意度就越高,交互過(guò)程就越順暢。
1)頁(yè)面布局。合理的網(wǎng)頁(yè)布局有助于用戶瀏覽、理解網(wǎng)頁(yè)信息,尤其是對(duì)于像搜狐、新浪等門(mén)戶網(wǎng)站而言是至關(guān)重要的,怎樣能夠使用戶在眾多的信息中發(fā)現(xiàn)需要的那一個(gè)。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí),要以內(nèi)容為主,將信息按照區(qū)塊合理分布,做好重點(diǎn)強(qiáng)調(diào)和細(xì)部的處理。
2)風(fēng)格和主題。網(wǎng)頁(yè)視覺(jué)信息風(fēng)格的確立是信息過(guò)渡到形式的關(guān)鍵,視覺(jué)設(shè)計(jì)師依據(jù)網(wǎng)站的內(nèi)容而產(chǎn)生的,通過(guò)顏色、圖像、文字等視覺(jué)元素來(lái)表達(dá)。例如電子商務(wù)網(wǎng)站更加追求信息化和數(shù)字感,好看的設(shè)計(jì)可能不如實(shí)際的數(shù)據(jù)更有吸引力。這種網(wǎng)站的功能比較繁多,例如當(dāng)當(dāng)網(wǎng)、淘寶,產(chǎn)品的分類清晰的體現(xiàn)了潛在的用戶群,可以更有效的產(chǎn)生互動(dòng)實(shí)現(xiàn)消費(fèi)。
3)網(wǎng)頁(yè)視覺(jué)元素。網(wǎng)站的外觀主要體現(xiàn)在網(wǎng)頁(yè)上的視覺(jué)元素,網(wǎng)頁(yè)的色彩、圖形、文字之間的構(gòu)成關(guān)系會(huì)對(duì)用戶產(chǎn)生一定的心理影響,這種影響既體現(xiàn)在各元素位置、大小的變化,又體現(xiàn)在空間虛實(shí)關(guān)系上。色彩作為人類表達(dá)情感的元素之一,往往能在用戶瀏覽網(wǎng)站時(shí)留下第一印象。圖形在用戶獲取信息過(guò)程中可以很好的實(shí)現(xiàn)傳達(dá)與引導(dǎo)的作用。文字作為網(wǎng)站主要傳達(dá)信息的手段,有著不可替的作用,無(wú)論從標(biāo)題文字還是到頁(yè)面內(nèi)容,都能做到準(zhǔn)確詳細(xì)的傳遞。
(2)UI設(shè)計(jì)與用戶的關(guān)系。網(wǎng)頁(yè)設(shè)計(jì)的美感與體驗(yàn)與用戶息息相關(guān),UI設(shè)計(jì)既要在用戶的角度設(shè)計(jì)視覺(jué)效果,又要研究用戶的思維習(xí)慣,在網(wǎng)頁(yè)設(shè)計(jì)中直接體現(xiàn)在顏色、版面布局、圖形、文字當(dāng)中,引導(dǎo)并影響用戶獲取信息。網(wǎng)頁(yè)設(shè)計(jì)不僅僅是將頁(yè)面做的華麗,還是為了讓人們能夠通過(guò)對(duì)界面的中的視覺(jué)元素引導(dǎo)和迎合用戶完成整個(gè)操作,而不是純粹追求創(chuàng)造視覺(jué)效果。從根本上來(lái)講,一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該擁有清晰的信息呈現(xiàn),能夠很好的引導(dǎo)用戶去完成網(wǎng)站的任務(wù)。當(dāng)我們?cè)O(shè)計(jì)一個(gè)用戶界面的時(shí)候一定要考慮到用戶界面的適用性,它需要考慮用戶的年齡、生活習(xí)慣,并且最終實(shí)現(xiàn)為用戶的使用而設(shè)計(jì),這是一個(gè)理性的設(shè)計(jì)過(guò)程。所以 UI設(shè)計(jì)要和用戶研究緊密結(jié)合,去主動(dòng)考慮用戶的感受與需求。
結(jié)論
本文鏈接：http://www.lbgj202.com/v-141-3371.htmlui設(shè)計(jì)范文8篇
相關(guān)文章：
簡(jiǎn)單的昆蟲(chóng)折紙07-26
不愛(ài)錢(qián)財(cái)?shù)慕?jīng)典名言11-03
七夕夜晚發(fā)朋友圈的句子11-02
測(cè)試工程師轉(zhuǎn)正工作總結(jié)04-15
監(jiān)督委員會(huì)主任述職報(bào)告07-26
物業(yè)保安部年終總結(jié)報(bào)告07-20
品牌授權(quán)委托書(shū)最新08-23
喝酒惹女朋友生氣道歉檢討書(shū)08-17
四年級(jí)家長(zhǎng)會(huì)的心得體會(huì)05-08
同學(xué)二十年聚會(huì)邀請(qǐng)函08-21
立夏天氣諺語(yǔ)05-08
有那樣一雙大眼睛的初一作文11-18
婦女節(jié)感恩媽媽作文2000字07-23
初級(jí)經(jīng)濟(jì)師培訓(xùn)機(jī)構(gòu)哪家好？初級(jí)經(jīng)濟(jì)師培訓(xùn)班學(xué)費(fèi)多少？09-21
《小兒垂釣》原文及翻譯賞析05-08