資源描述:
《ui界面設計流程講解》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在教育資源-天天文庫。
1、界面設計一、界面設計的概念1、什么是界面設計?(難點)2、界面設計涉及的范圍及學科3、界面設計的工作流程4、以用戶為中心的界面設計原則(重點)參考書目:《用戶界面設計與制作》《交互設計》《UI進化論——移動設備人機交互界面設計》網(wǎng)絡資料通過什么控制電視機?通過什么操作ATM機?ATM機通過什么操作Photoshop程序?通過什么操作手機?一、界面設計的概念1、什么是界面設計(UI)?界面——UI即UserInterface(用戶界面)的簡稱。廣義上來講,UI界面是人與機器進行交互的操作平臺,即用
2、戶與機器相互傳遞信息的媒介。用戶機器界面概括成一句話就是——人和機器之間的界面。這個界面實際上是體現(xiàn)在我們生活中的每一個環(huán)節(jié)的,例如開車時候方向盤和儀表盤就是這個界面,看電視的時候遙控器和屏幕就是這個界面,用電腦的時候鍵盤和顯示器就是這個界面。于是我們可以把UI可以分成兩大類:硬件界面和軟件界面。本文所關注的UI設計特指軟件界面,我們也可以稱為特殊的或者狹義的UI設計。一、界面設計的概念一、什么是界面設計?界面設計即UserInterfaceDesign(用戶界面設計)的簡稱,是指對軟件的人機交
3、互、操作邏輯、界面美觀的整體設計。人機交互操作邏輯界面美觀一、界面設計的概念問題一:界面設計=版式設計?謂版式設計,就是在版面上,將有限的視覺元素進行有機的排列組合界面設計的內(nèi)容包括:圖形、文字、色彩、編排,使界面起到美化效果的作用。需要研究用戶需求,研究目標用戶。問題二:界面設計=用戶+界面?或者界面設計就是單單指界面美化設計?從字面上看,UI有用戶與界面兩個組成部分,但實際上還有還有用戶與界面之間的交互關系。界面設計需要定位使用者、使用環(huán)境、使用方式。不僅僅是美化界面,還有需要研究用戶、讓界
4、面變得更友好、更有趣、更易用、更舒適。一、界面設計的概念UI用戶界面=+交互=版式考慮用戶的心理需求,研究目標用戶前面講到UI設計包括兩方面——美化和交互。讓大家更了解UI設計的重要性從美化的角度看,UI優(yōu)化后:1更有時尚感、層次感2.從QQ圖像就能知道是QQ的登入界面,更直觀、形象。從交互的角度,未UI優(yōu)化的界面:1.功能過于簡單2.登入沒有體現(xiàn)按鈕的特點,而不會單擊3.密碼輸入框也沒有做掩密處理,被盜號的風險系數(shù)增加二.ui設計是做什么的?UI設計從工作內(nèi)容上來說分為3個方向。圖它主要是由U
5、I研究的3個因素決定的,其分別是研究界面,研究人與界面的關系,研究人。1.研究界面----圖形設計師國內(nèi)目前大部分UI工作者都是從事這個行業(yè)。也有人稱之為美工,但實際上不是單純意義上的美術工人,而是軟件產(chǎn)品的產(chǎn)品外形設計師。這些設計師大多是美術院校畢業(yè)的,其中大部分是有美術設計教育背景,例如工業(yè)外形設計,裝潢設計,信息多媒體設計等。2.研究人與界面的關系---交互設計師在圖形界面產(chǎn)生之前,長期以來UI設計師就是指交互設計師。交互設計師的工作內(nèi)容就是設計軟件的操作流程,樹狀結(jié)構(gòu),軟件的結(jié)構(gòu)與操作規(guī)
6、范(spec)等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設計,并且確立交互模型,交互規(guī)范。交互設計師一般都是軟件工程師背景居多。3.研究人----用戶測試/研究工程師任何的產(chǎn)品為了保證質(zhì)量都需要測試,軟件的編碼需要測試,自然UI設計也需要被測試。這個測試和編碼沒有任何關系,主要是測試交互設計的合理性以及圖形設計的美觀性。測試方法一般都是采用焦點小組,用目標用戶問卷的形式來衡量UI設計的合理性。這個職位很重要,如果沒有這個職位,UI設計的好壞只能憑借設計師的經(jīng)驗或者領導的審美來評判,這樣就會給企業(yè)
7、帶來嚴重的風險性。用戶研究工程師一般是心理學人文學背景比較合適。綜上所述UI設計師就是:軟件圖形設計師、交互設計師和用戶研究工程師。一、界面設計的概念三、界面設計涉及的范圍及學科人機產(chǎn)品界面設計、移動設備界面設計、網(wǎng)頁界面設計、軟件界面設計界面設計是一種結(jié)合美學、計算機科學、心理學、行為學、人機工程學、信息學以及市場學等的綜合性學科,強調(diào)人—機—環(huán)境三者作為一個系統(tǒng)進行總體設計。一、界面設計的概念四、界面設計的工作流程1).產(chǎn)品制作人,寫產(chǎn)品計劃書。2).用戶體驗研究員,作調(diào)查分析。3).信息建
8、構(gòu)師,設計產(chǎn)品架構(gòu)。4).交互設計師,作出互動流程。5).視覺設計師,作出頁面視覺設計。6).前臺工程師,前臺開發(fā)。7).后臺工程師,后臺開發(fā)。8).用戶體驗研究員,做用戶測試確保質(zhì)量。一、界面設計的概念一、界面設計的概念線框原型、黑白原型稿一、界面設計的概念產(chǎn)品原型一、界面設計的概念界面設計5.UI設計與產(chǎn)品團隊項目流程的關系5.1產(chǎn)品團隊產(chǎn)品經(jīng)理:產(chǎn)品團隊的老大,對用戶需求進行細分調(diào)研,針對用戶的需求進行產(chǎn)品賣點的規(guī)劃,將規(guī)劃陳述給公司高層,以此來爭取項目,或者也叫PM(項目經(jīng)理)的職責。用