ui界面設(shè)計流程講解

《ui界面設(shè)計流程講解》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、界面設(shè)計一、界面設(shè)計的概念1、什么是界面設(shè)計？（難點(diǎn)）2、界面設(shè)計涉及的范圍及學(xué)科3、界面設(shè)計的工作流程4、以用戶為中心的界面設(shè)計原則(重點(diǎn)）參考書目：《用戶界面設(shè)計與制作》《交互設(shè)計》《UI進(jìn)化論——移動設(shè)備人機(jī)交互界面設(shè)計》網(wǎng)絡(luò)資料通過什么控制電視機(jī)？通過什么操作ATM機(jī)？ATM機(jī)通過什么操作Photoshop程序？通過什么操作手機(jī)？一、界面設(shè)計的概念1、什么是界面設(shè)計（UI）？界面——UI即UserInterface(用戶界面)的簡稱。廣義上來講，UI界面是人與機(jī)器進(jìn)行交互的操作平臺，即用

2、戶與機(jī)器相互傳遞信息的媒介。用戶機(jī)器界面概括成一句話就是——人和機(jī)器之間的界面。這個界面實際上是體現(xiàn)在我們生活中的每一個環(huán)節(jié)的，例如開車時候方向盤和儀表盤就是這個界面，看電視的時候遙控器和屏幕就是這個界面，用電腦的時候鍵盤和顯示器就是這個界面。于是我們可以把UI可以分成兩大類：硬件界面和軟件界面。本文所關(guān)注的UI設(shè)計特指軟件界面，我們也可以稱為特殊的或者狹義的UI設(shè)計。一、界面設(shè)計的概念一、什么是界面設(shè)計？界面設(shè)計即UserInterfaceDesign（用戶界面設(shè)計）的簡稱，是指對軟件的人機(jī)交

3、互、操作邏輯、界面美觀的整體設(shè)計。人機(jī)交互操作邏輯界面美觀一、界面設(shè)計的概念問題一：界面設(shè)計=版式設(shè)計？謂版式設(shè)計，就是在版面上，將有限的視覺元素進(jìn)行有機(jī)的排列組合界面設(shè)計的內(nèi)容包括：圖形、文字、色彩、編排，使界面起到美化效果的作用。需要研究用戶需求，研究目標(biāo)用戶。問題二：界面設(shè)計=用戶+界面？或者界面設(shè)計就是單單指界面美化設(shè)計？從字面上看，UI有用戶與界面兩個組成部分，但實際上還有還有用戶與界面之間的交互關(guān)系。界面設(shè)計需要定位使用者、使用環(huán)境、使用方式。不僅僅是美化界面，還有需要研究用戶、讓界

4、面變得更友好、更有趣、更易用、更舒適。一、界面設(shè)計的概念UI用戶界面=+交互=版式考慮用戶的心理需求，研究目標(biāo)用戶前面講到UI設(shè)計包括兩方面——美化和交互。讓大家更了解UI設(shè)計的重要性從美化的角度看，UI優(yōu)化后:1更有時尚感、層次感2.從QQ圖像就能知道是QQ的登入界面，更直觀、形象。從交互的角度，未UI優(yōu)化的界面：1.功能過于簡單2.登入沒有體現(xiàn)按鈕的特點(diǎn)，而不會單擊3.密碼輸入框也沒有做掩密處理，被盜號的風(fēng)險系數(shù)增加二.ui設(shè)計是做什么的？UI設(shè)計從工作內(nèi)容上來說分為3個方向。圖它主要是由U

5、I研究的3個因素決定的，其分別是研究界面，研究人與界面的關(guān)系，研究人。1.研究界面----圖形設(shè)計師國內(nèi)目前大部分UI工作者都是從事這個行業(yè)。也有人稱之為美工，但實際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計師。這些設(shè)計師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計教育背景，例如工業(yè)外形設(shè)計，裝潢設(shè)計，信息多媒體設(shè)計等。2.研究人與界面的關(guān)系---交互設(shè)計師在圖形界面產(chǎn)生之前，長期以來UI設(shè)計師就是指交互設(shè)計師。交互設(shè)計師的工作內(nèi)容就是設(shè)計軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)

6、范（spec）等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。交互設(shè)計師一般都是軟件工程師背景居多。3.研究人----用戶測試/研究工程師任何的產(chǎn)品為了保證質(zhì)量都需要測試，軟件的編碼需要測試，自然UI設(shè)計也需要被測試。這個測試和編碼沒有任何關(guān)系，主要是測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性。測試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問卷的形式來衡量UI設(shè)計的合理性。這個職位很重要，如果沒有這個職位，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)

7、帶來嚴(yán)重的風(fēng)險性。用戶研究工程師一般是心理學(xué)人文學(xué)背景比較合適。綜上所述UI設(shè)計師就是：軟件圖形設(shè)計師、交互設(shè)計師和用戶研究工程師。一、界面設(shè)計的概念三、界面設(shè)計涉及的范圍及學(xué)科人機(jī)產(chǎn)品界面設(shè)計、移動設(shè)備界面設(shè)計、網(wǎng)頁界面設(shè)計、軟件界面設(shè)計界面設(shè)計是一種結(jié)合美學(xué)、計算機(jī)科學(xué)、心理學(xué)、行為學(xué)、人機(jī)工程學(xué)、信息學(xué)以及市場學(xué)等的綜合性學(xué)科，強(qiáng)調(diào)人—機(jī)—環(huán)境三者作為一個系統(tǒng)進(jìn)行總體設(shè)計。一、界面設(shè)計的概念四、界面設(shè)計的工作流程1）.產(chǎn)品制作人，寫產(chǎn)品計劃書。2）.用戶體驗研究員，作調(diào)查分析。3）.信息建

8、構(gòu)師，設(shè)計產(chǎn)品架構(gòu)。4）.交互設(shè)計師，作出互動流程。5）.視覺設(shè)計師，作出頁面視覺設(shè)計。6）.前臺工程師，前臺開發(fā)。7）.后臺工程師，后臺開發(fā)。8）.用戶體驗研究員，做用戶測試確保質(zhì)量。一、界面設(shè)計的概念一、界面設(shè)計的概念線框原型、黑白原型稿一、界面設(shè)計的概念產(chǎn)品原型一、界面設(shè)計的概念界面設(shè)計5.UI設(shè)計與產(chǎn)品團(tuán)隊項目流程的關(guān)系5.1產(chǎn)品團(tuán)隊產(chǎn)品經(jīng)理:產(chǎn)品團(tuán)隊的老大，對用戶需求進(jìn)行細(xì)分調(diào)研，針對用戶的需求進(jìn)行產(chǎn)品賣點(diǎn)的規(guī)劃，將規(guī)劃陳述給公司高層，以此來爭取項目，或者也叫PM（項目經(jīng)理）的職責(zé)。用