ui界面設(shè)計(jì)課件

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

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

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

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

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

5、：1.功能過(guò)于簡(jiǎn)單2.登入沒(méi)有體現(xiàn)按鈕的特點(diǎn)，而不會(huì)單擊3.密碼輸入框也沒(méi)有做掩密處理，被盜號(hào)的風(fēng)險(xiǎn)系數(shù)增加”“ui設(shè)計(jì)是做什么的？UI設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3個(gè)方向。它主要是由UI研究的3個(gè)因素決定的，其分別是研究界面，研究人與界面的關(guān)系，研究人。1.研究界面----圖形設(shè)計(jì)師國(guó)內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。也有人稱之為美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒體設(shè)計(jì)等。2.研究人與界面的關(guān)系---交互設(shè)計(jì)師在圖形界面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指

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

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