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