ui界面設(shè)計課件

ui界面設(shè)計課件

ID:20900104

大?。?2.31 MB

頁數(shù):141頁

時間:2018-10-17

ui界面設(shè)計課件_第1頁
ui界面設(shè)計課件_第2頁
ui界面設(shè)計課件_第3頁
ui界面設(shè)計課件_第4頁
ui界面設(shè)計課件_第5頁
資源描述:

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

1、UI界面設(shè)計平面設(shè)計專業(yè)目錄一、UI界面設(shè)計相關(guān)知識二、UI界面設(shè)計常用方法和原則三、UI界面常用元素制作四、計算機界面設(shè)計五、播放器界面設(shè)計六、手機界面設(shè)計七、專題網(wǎng)頁設(shè)計一、UI界面設(shè)計相關(guān)知識1.UI界面設(shè)計的概念2.UI設(shè)計師3.界面設(shè)計涉及的范圍及學(xué)科4.界面設(shè)計的流程5.UI界面設(shè)計規(guī)范”“一、UI界面設(shè)計相關(guān)知識1.UI界面設(shè)計的概念一、UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念1.什么是界面設(shè)計?(難點)2.UI設(shè)計師3.界面設(shè)計涉及的范圍及學(xué)科4.界面設(shè)計的流程5.UI界面設(shè)計規(guī)范參考書目:《用戶界面設(shè)計與制作》《交互設(shè)計》《UI進化論——移動設(shè)備人機交互界面設(shè)計》其他網(wǎng)

2、絡(luò)資料UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念通過什么操作ATM機?ATM機操作界面UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念通過什么操作Photoshop程序?軟件界面UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念通過什么操作手機?手機界面UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念1、什么是界面設(shè)計(UI)?界面——UI即UserInterface(用戶界面)的簡稱。廣義上來講,UI界面是人與機器進行交互的操作平臺,即用戶與機器相互傳遞信息的媒介。用戶機器界面”“UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念概括成一句話就是——人和機器之間的界面。這個界面實際上是體現(xiàn)在我們生活中的每一

3、個環(huán)節(jié)的,例如開車時候方向盤和儀表盤就是這個界面,看電視的時候遙控器和屏幕就是這個界面,用電腦的時候鍵盤和顯示器就是這個界面。于是我們可以把UI可以分成兩大類:硬件界面和軟件界面。本課所關(guān)注的UI設(shè)計特指軟件界面,我們也可以稱為特殊的或者狹義的UI設(shè)計。UI界面設(shè)計相關(guān)知識-1.UI界面設(shè)計的概念一、什么是UI界面設(shè)計?界面設(shè)計即UserInterfaceDesign(用戶界面設(shè)計)的簡稱,是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。人機交互操作邏輯界面美觀問題一:界面設(shè)計=版式設(shè)計?所謂版式設(shè)計,就是在版面上,將有限的視覺元素進行有機的排列組合。界面設(shè)計的內(nèi)容包括:圖形、文字、色彩

4、、編排,使界面起到美化效果的作用。需要研究用戶需求,研究目標用戶。問題二:界面設(shè)計=用戶+界面?或者界面設(shè)計就是單單指界面美化設(shè)計?從字面上看,UI有用戶與界面兩個組成部分,但實際上還有還有用戶與界面之間的交互關(guān)系。界面設(shè)計需要定位使用者、使用環(huán)境、使用方式。不僅僅是美化界面,還有需要研究用戶、讓界面變得更友好、更有趣、更易用、更舒適。UI用戶界面=+交互=版式考慮用戶的心理需求,研究目標用戶前面講到UI設(shè)計包括兩方面——美化和交互。讓大家更了解UI設(shè)計的重要性從美化的角度看:UI優(yōu)化后:1更有時尚感、層次感2.從QQ圖像就能知道是QQ的登入界面,更直觀、形象。從交互的角度:未UI優(yōu)化的界面

5、:1.功能過于簡單2.登入沒有體現(xiàn)按鈕的特點,而不會單擊3.密碼輸入框也沒有做掩密處理,被盜號的風(fēng)險系數(shù)增加”“ui設(shè)計是做什么的?UI設(shè)計從工作內(nèi)容上來說分為3個方向。它主要是由UI研究的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è)計師就是指

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

7、給企業(yè)帶來嚴重的風(fēng)險性。用戶研究工程師一般是心理學(xué)人文學(xué)背景比較合適。綜上所述UI設(shè)計師就是:軟件圖形設(shè)計師、交互設(shè)計師和用戶研究工程師。UI界面設(shè)計相關(guān)知識3.界面設(shè)計涉及的范圍及學(xué)科界面設(shè)計是一種結(jié)合美學(xué)、計算機科學(xué)、心理學(xué)、行為學(xué)、人機工程學(xué)、信息學(xué)以及市場學(xué)等的綜合性學(xué)科,強調(diào)人—機—環(huán)境三者作為一個系統(tǒng)進行總體設(shè)計。UI界面設(shè)計相關(guān)知識-4.界面設(shè)計的工作流程4.界面設(shè)計的工作流程:產(chǎn)品制作人,寫產(chǎn)

當前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。