《UI界面設(shè)計(jì)》教案.doc

《《UI界面設(shè)計(jì)》教案.doc》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、教案課程名稱：UI界面設(shè)計(jì)授課教師：制訂時(shí)間：UI界面設(shè)計(jì)第一章UI綜述課題：UI綜述授課教師：教學(xué)目標(biāo)：通過(guò)本章學(xué)習(xí)使學(xué)生了解UI在中國(guó)的發(fā)展，以及UI的是什么。教學(xué)重點(diǎn)：掌握UI在中國(guó)的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)準(zhǔn)備：課本、參考圖形教學(xué)方法：講授、討論、案例分析教材：教學(xué)時(shí)間：8課時(shí)教學(xué)內(nèi)容：UI在中國(guó)的發(fā)展，以及UI是什么UI即UserInterface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。第一節(jié)UI是什么軟件設(shè)

2、計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。編碼設(shè)計(jì)大家都很熟悉，但是UI設(shè)計(jì)還是一個(gè)很陌生的詞，即使一些專門從事網(wǎng)站與多媒體設(shè)計(jì)的人也不完全理解UI的意思。UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。　　在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重視起來(lái)。做界面設(shè)計(jì)的“美工”也隨之被稱之為“UI設(shè)計(jì)師”或“UI工程師”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要賣點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀的界面會(huì)給人帶來(lái)舒適的視覺享受，拉近人與商品的距離，為商家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪

3、畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開發(fā)組領(lǐng)導(dǎo)的意見也不是項(xiàng)目成員投票的結(jié)果，而是終端用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過(guò)程。第二節(jié)UI設(shè)計(jì)師是做什么的　　在中國(guó)，UI設(shè)計(jì)還是一個(gè)需要不斷成長(zhǎng)的設(shè)計(jì)領(lǐng)域，但eicodesign,Tigocn,lkkuidesign,Robindesign等國(guó)內(nèi)知名設(shè)計(jì)機(jī)構(gòu)已經(jīng)進(jìn)入了探索UI設(shè)計(jì)的道路?！　I設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3個(gè)方向。它主要是由UI研究的3個(gè)因素決定的，其分別是研究工具，研究人與界面的關(guān)系，研究人。

4、研究界面　　圖形設(shè)計(jì)師GraphicUIdesigner　　國(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ì)等。研究人與界面的關(guān)系　　交互設(shè)計(jì)師，interactiondesigner　　在圖形界面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指交互設(shè)計(jì)師。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范?！　〗?/p>

5、互設(shè)計(jì)師一般都是軟件工程師背景居多。研究人　　用戶測(cè)試/研究工程師Userexperienceengineer　　任何的產(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ì)給企業(yè)帶來(lái)嚴(yán)重的風(fēng)險(xiǎn)性?！　∮脩粞芯抗こ處熞话闶切睦韺W(xué)人文學(xué)背景比較合適。綜上所述UI設(shè)計(jì)師就是：軟件圖形設(shè)計(jì)師、交互設(shè)計(jì)師和用戶研究工程師。其中交互設(shè)計(jì)師

6、：“UI”的本義是用戶界面，是英文User和interface的縮寫。UI設(shè)計(jì)師則指從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。工作內(nèi)容：　　負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作；　　根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)；　　對(duì)頁(yè)面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；　　維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品；　　收集和分析用戶對(duì)于GUI的需求。第三節(jié)UI設(shè)計(jì)在中國(guó)的現(xiàn)狀　　目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞，即便是洛可可設(shè)計(jì)也在UI設(shè)計(jì)的道路上不斷探索客戶及用戶的需求。我們經(jīng)?？吹揭恍┱衅笍V告寫著：招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。這表明在國(guó)內(nèi)對(duì)UI的理解還停留在

7、美術(shù)設(shè)計(jì)方面，認(rèn)為UI的工作只是描邊畫線，缺乏對(duì)用戶交互的重要性的理解；另一方面在軟件開發(fā)過(guò)程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象。許多商家認(rèn)為軟件產(chǎn)品的核心是技術(shù)，而UI僅僅是次要的輔助，這點(diǎn)在人員的比例與待遇上可以表現(xiàn)出來(lái)。但這不是UI設(shè)計(jì)真正的價(jià)值體現(xiàn)，只是UI設(shè)計(jì)發(fā)展的一個(gè)必經(jīng)過(guò)程。我們以物質(zhì)產(chǎn)品手機(jī)行業(yè)為例，當(dāng)手機(jī)剛剛進(jìn)入市場(chǎng)的時(shí)候不但價(jià)格貴的驚人，而且除了通話以外沒(méi)有什么其他功能。由于當(dāng)時(shí)的主導(dǎo)是技術(shù)，