33040760-UI設(shè)計(jì)-教學(xué)大綱

1、 課程教學(xué)大綱課程名稱(chēng)：UI設(shè)計(jì)制（修）訂人：黎丹 審定人：黎丹教研室主任：周增輝開(kāi)課單位負(fù)責(zé)人：唐永芳制（修）訂時(shí)間：2013年6月 一、課程基本信息課程名稱(chēng)UI設(shè)計(jì)課程代碼33040760總學(xué)時(shí)56理論學(xué)時(shí)28學(xué)分35實(shí)踐學(xué)時(shí)28前導(dǎo)課程計(jì)算機(jī)基礎(chǔ)后續(xù)課程圖形圖像處理、企業(yè)VI、標(biāo)志設(shè)計(jì)適用專(zhuān)業(yè)畢業(yè)設(shè)計(jì)、頂崗實(shí)習(xí)課程屬性公共課（）必修課（）考試課（）專(zhuān)業(yè)課（）選修課（）考查課（）二、課程的性質(zhì)和地位UI設(shè)計(jì)是藝術(shù)設(shè)計(jì)專(zhuān)業(yè)（平面設(shè)計(jì)方向）的專(zhuān)業(yè)核心課程，是在圖形圖像處理、企業(yè)VI、標(biāo)志設(shè)計(jì)課程基礎(chǔ)上的延續(xù)和提高。課程幾乎涉及到了平面設(shè)計(jì)專(zhuān)業(yè)基礎(chǔ)課程的各個(gè)方面，課程實(shí)踐中注重對(duì)各專(zhuān)業(yè)基礎(chǔ)課程如

2、圖形設(shè)計(jì)、編排設(shè)計(jì)、字體設(shè)計(jì)、構(gòu)成設(shè)計(jì)等課程的統(tǒng)合和整體應(yīng)用。UI界面設(shè)計(jì)是一門(mén)新的學(xué)科，也稱(chēng)之為當(dāng)代的新媒體，它是跨學(xué)科的學(xué)術(shù)領(lǐng)域，是在各門(mén)相關(guān)學(xué)科中提取相關(guān)的內(nèi)容要素而綜合起來(lái)的系統(tǒng)學(xué)科。三、課程教學(xué)目標(biāo)1、知識(shí)目標(biāo)通過(guò)對(duì)本課程的學(xué)習(xí)，使學(xué)生從心理學(xué)、人機(jī)工程學(xué)、設(shè)計(jì)藝術(shù)出發(fā)，掌握硬件人機(jī)界面與軟件人機(jī)界面方法、理論與設(shè)計(jì)實(shí)例，探索新的交互技術(shù)。2、能力目標(biāo)通過(guò)本課程的學(xué)習(xí)，學(xué)生應(yīng)該掌握軟件的基本操作，并初步具備：UI界面設(shè)計(jì)能力；3、素質(zhì)目標(biāo)通過(guò)本課程的教學(xué)，我們重要的是培養(yǎng)學(xué)生觀(guān)察生活、體驗(yàn)生活、體驗(yàn)、審美能力、吃苦精神和激發(fā)學(xué)生的創(chuàng)造能力的方法和手段。四、教學(xué)內(nèi)容、教學(xué)要求及學(xué)時(shí)分配

3、序號(hào)單元教學(xué)內(nèi)容教學(xué)要求學(xué)時(shí)1認(rèn)識(shí)界面門(mén)認(rèn)識(shí)界面門(mén)了解界面的的概念，概念性的認(rèn)識(shí)，以及UI設(shè)計(jì)的歷史與發(fā)展趨勢(shì)62人本界面人本界面掌握人因工程化界面，人機(jī)工程學(xué)學(xué)科的穿插63界面的整體設(shè)計(jì)界面的整體設(shè)計(jì)掌握界面整體設(shè)計(jì)的分析以及實(shí)施以及用戶(hù)各方面的分析64界面的視覺(jué)設(shè)計(jì)界面的視覺(jué)設(shè)計(jì)掌握整體效果搭配，界面視覺(jué)效果、圖標(biāo)設(shè)計(jì)的設(shè)計(jì)加以應(yīng)用65網(wǎng)頁(yè)界面的設(shè)計(jì)網(wǎng)頁(yè)界面的設(shè)計(jì)掌握網(wǎng)頁(yè)視覺(jué)效果排版設(shè)計(jì)，整體效果搭配、圖標(biāo)中隱喻的運(yùn)用86游戲界面的設(shè)計(jì)游戲界面的設(shè)計(jì)掌握游戲界面視覺(jué)效果排版設(shè)計(jì)整體效果搭配、圖標(biāo)中隱喻的運(yùn)用87軟件界面的設(shè)計(jì)軟件界面的設(shè)計(jì)掌握軟件界面視覺(jué)效果排版設(shè)計(jì)。整體效果搭配、圖標(biāo)中隱

4、喻的運(yùn)用88便攜電子產(chǎn)品界面的設(shè)計(jì)便攜電子產(chǎn)品界面的設(shè)計(jì)掌握便攜電子產(chǎn)品界面視覺(jué)效果排版設(shè)計(jì)，整體效果搭配、圖標(biāo)中隱喻的運(yùn)用8五、教學(xué)建議采用案例教學(xué)的方式進(jìn)行教學(xué)，盡可能選取貼近生活的案例。在教學(xué)過(guò)程中，應(yīng)立足于加強(qiáng)學(xué)生實(shí)際操作能力的培養(yǎng)，采用項(xiàng)目教學(xué)，以工作任務(wù)引領(lǐng)提高學(xué)生學(xué)習(xí)興趣，激發(fā)學(xué)生的成就動(dòng)機(jī)。教學(xué)過(guò)程中教師應(yīng)積極引導(dǎo)學(xué)生提升職業(yè)素養(yǎng)，提高職業(yè)道德。六、課程考核1、各單元知識(shí)點(diǎn)及考核要求序號(hào)單元知識(shí)點(diǎn)考核要求1認(rèn)識(shí)界面門(mén)1.界面的概述2 圖形化的界面了解界面的的概念概念性的認(rèn)識(shí)2人本界面回歸人性的界面設(shè)計(jì)1高科技帶來(lái)的“謎語(yǔ)”2認(rèn)知中的摩擦3為用戶(hù)而設(shè)計(jì)界面設(shè)計(jì)中的人因工程1人因工

5、程2人因顯示界面的設(shè)計(jì)人因工程化界面人機(jī)工程學(xué)學(xué)科的穿插3人因操作界面的設(shè)計(jì)人因工程化界面人機(jī)工程學(xué)學(xué)科的穿插3界面的整體設(shè)計(jì)界面整體設(shè)計(jì)的分析階段用戶(hù)與任務(wù)分析市場(chǎng)與目標(biāo)分析2界面整體設(shè)計(jì)的實(shí)施階段對(duì)象的模型化界面視圖的設(shè)計(jì)界面整體設(shè)計(jì)的分析以及實(shí)施用戶(hù)分析、市場(chǎng)與目標(biāo)分析4界面的視覺(jué)設(shè)計(jì)1 隱喻：界面視覺(jué)設(shè)計(jì)的基本途徑2 界面的信息設(shè)計(jì)3 圖標(biāo)的設(shè)計(jì)4 界面布局元素的設(shè)計(jì)整體效果搭配，界面視覺(jué)效果、圖標(biāo)設(shè)計(jì)的設(shè)計(jì)加以應(yīng)用5網(wǎng)頁(yè)界面的設(shè)計(jì)1 Web2.0時(shí)代的網(wǎng)頁(yè)界面設(shè)計(jì)2 網(wǎng)頁(yè)界面的隱喻系統(tǒng)3 網(wǎng)頁(yè)界面的信息傳達(dá)網(wǎng)頁(yè)視覺(jué)效果排版設(shè)計(jì)整體效果搭配、圖標(biāo)中隱喻的運(yùn)用6游戲界面的設(shè)計(jì)1 游戲界面

6、的概述2 游戲平臺(tái)的視頻界面設(shè)計(jì)3 游戲平臺(tái)的操作界面設(shè)計(jì)4 游戲界面的音頻設(shè)計(jì)游戲界面視覺(jué)效果排版設(shè)計(jì)整體效果搭配、圖標(biāo)中隱喻的運(yùn)用7軟件界面的設(shè)計(jì)1 軟件界面設(shè)計(jì)的整體思考2. 軟件界面的文本、圖形3 為“交互”服務(wù)：角色、場(chǎng)景和禮貌軟件界面視覺(jué)效果排版設(shè)計(jì)整體效果搭配、圖標(biāo)中隱喻的運(yùn)用8便攜電子產(chǎn)品界面的設(shè)計(jì)1 便攜電子產(chǎn)品界面的概述2 便攜電子產(chǎn)品界面設(shè)計(jì)的特殊性3 便攜電子產(chǎn)品界面的視覺(jué)要素分析便攜電子產(chǎn)品界面視覺(jué)效果排版設(shè)計(jì)，整體效果搭配、圖標(biāo)中隱喻的運(yùn)用2、綜合成績(jī)構(gòu)成考核內(nèi)容考核依據(jù)成績(jī)比例平時(shí)表現(xiàn)學(xué)生遲到、曠課、早退每次分別扣 2分、5分、2分。學(xué)生完成平時(shí)作業(yè)次數(shù)布少于6次

7、，A得10分，B得6分，C得2分。學(xué)生上課積極回答問(wèn)題，學(xué)習(xí)態(tài)度認(rèn)真，每次加5分；屢次不認(rèn)真聽(tīng)講，擾亂課堂次序，與老師發(fā)生正面沖突者每次扣5分。40%實(shí)踐能力實(shí)驗(yàn)報(bào)告、實(shí)訓(xùn)成果、課程論文10%期末考試獨(dú)立完成作品，且具有個(gè)人風(fēng)格；靈活熟練使用PS軟件操作; 50%七、推薦教材及學(xué)習(xí)資源1、推薦教材（含實(shí)驗(yàn)教材）教材名稱(chēng)：認(rèn)知與設(shè)計(jì)理解UI設(shè)計(jì)準(zhǔn)則ISBN號(hào)： 規(guī)格：主編：美Jeff Johnson 著 張一寧 譯出版社：人民 郵電出版社出版時(shí)間：2011年9月第1版單價(jià)：是否自編：2、推薦書(shū)目和期刊1、人機(jī)界面設(shè)計(jì)羅仕鑒,朱上上,孫守遷著 機(jī)械工業(yè)出版社 2002年9月 2、人本界面交互式系統(tǒng)

8、設(shè)計(jì)Jef Raskin 機(jī)械工業(yè)出版社 2004年1月 3、 用戶(hù)界面設(shè)計(jì)-有效的人機(jī)交互策略（第四版）Ben Shneiderman著 張國(guó)印,李健利等譯 電子工業(yè)出版社 2008年104、數(shù)字媒體系列教材 數(shù)字界面設(shè)計(jì)（廖宏勇著，上北京師范大學(xué)出版社2010）3、推薦的學(xué)習(xí)網(wǎng)站八、其他說(shuō)明無(wú)九、實(shí)驗(yàn)實(shí)訓(xùn)教學(xué)要求學(xué)時(shí)28項(xiàng)目個(gè)數(shù)3一、教學(xué)任務(wù)與基本要求通過(guò)實(shí)際訓(xùn)練與操作，讓學(xué)生掌握書(shū)籍設(shè)計(jì)的基本方法，熟悉UI設(shè)計(jì)的流程與特點(diǎn)，并運(yùn)用ADOBE PHOTOSHOP、indesign、ILLUSTRATOR等設(shè)計(jì)軟件完成其視覺(jué)表現(xiàn)，獨(dú)立完成UI設(shè)計(jì)的全過(guò)程。通過(guò)對(duì)本課程的學(xué)習(xí)，使學(xué)生從心理學(xué)、

9、人機(jī)工程學(xué)、設(shè)計(jì)藝術(shù)出發(fā)，掌握硬件人機(jī)界面與軟件人機(jī)界面方法、理論與設(shè)計(jì)實(shí)例，探索新的交互技術(shù)。二、項(xiàng)目設(shè)置與內(nèi)容序號(hào)項(xiàng)目名稱(chēng)內(nèi)容類(lèi)型分組情況學(xué)時(shí)開(kāi)出要求1網(wǎng)頁(yè)界面的設(shè)計(jì)1 Web2.0時(shí)代的網(wǎng)頁(yè)界面設(shè)計(jì)2 網(wǎng)頁(yè)界面的隱喻系統(tǒng)3 網(wǎng)頁(yè)界面的信息傳達(dá)設(shè)計(jì)獨(dú)立完成10必開(kāi)2游戲界面的設(shè)計(jì)1 游戲界面的概述2 游戲平臺(tái)的視頻界面設(shè)計(jì)3 游戲平臺(tái)的操作界面設(shè)計(jì)4 游戲界面的音頻設(shè)計(jì)設(shè)計(jì)獨(dú)立完成10必開(kāi)3軟件界面的設(shè)計(jì)1 軟件界面設(shè)計(jì)的整體思考2. 軟件界面的文本、圖形3 為“交互”服務(wù)：角色、場(chǎng)景和禮貌設(shè)計(jì)獨(dú)立完成8必開(kāi)三、考核方式和成績(jī)?cè)u(píng)定標(biāo)準(zhǔn)設(shè)計(jì)獨(dú)立完成考核方式：一有否正確傳達(dá)出產(chǎn)品/交互意圖&#

10、160; 20%  視覺(jué)界面設(shè)計(jì)，不是單純的圖形設(shè)計(jì)，而是整個(gè)產(chǎn)品設(shè)計(jì)中的一個(gè)步驟，要在理解和遵循產(chǎn)品概念的基礎(chǔ)上，參照目標(biāo)群體心理模型和交互意圖進(jìn)行視覺(jué)設(shè)計(jì)，并且視覺(jué)設(shè)計(jì)要達(dá)到用戶(hù)愉悅的目的。 交互控件的樣式合理準(zhǔn)確性（人對(duì)系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知），狀態(tài)（視覺(jué)表現(xiàn)樣式和動(dòng)作過(guò)程優(yōu)化），創(chuàng)意。   二、布局 20%  用戶(hù)所接觸到的產(chǎn)品的界面，是一個(gè)平面，我們通過(guò)信息結(jié)構(gòu)組織，主次內(nèi)容歸納和區(qū)分，通過(guò)布局，給用戶(hù)瀏覽閱讀的線(xiàn)索。 頁(yè)面品牌性，基調(diào)元素一致性，復(fù)用性，節(jié)奏感、面積感，視覺(jué)第一

11、吸引，引導(dǎo)瀏覽，點(diǎn)線(xiàn)面關(guān)系，素描原理（運(yùn)用素描的基本規(guī)律來(lái)做頁(yè)面）。   三、信噪比（SRN） 10%  簡(jiǎn)易淺顯來(lái)說(shuō)，是視覺(jué)界面上有效信息與干擾信息之比。信噪比越高，有效信息越突出。  四、風(fēng)格 10%風(fēng)格是通過(guò)一系列視覺(jué)元素表現(xiàn)出來(lái)的，能體現(xiàn)品牌和產(chǎn)品情感化感受的視覺(jué)語(yǔ)言。同個(gè)界面的視覺(jué)風(fēng)格要一致，可以通過(guò)視覺(jué)規(guī)范，DPL，淘斯基等來(lái)進(jìn)行規(guī)范。 五、色彩運(yùn)用   20%色彩經(jīng)濟(jì) -在同個(gè)界面的視覺(jué)設(shè)計(jì)中，建議主色不超過(guò)3種，以保證顏色及其賦予的值能被有效識(shí)別和理解。   色彩賦值 -把色彩看成資源，嚴(yán)謹(jǐn)賦予他合適的值，并保證統(tǒng)一的運(yùn)用?；|線(xiàn)   六、字體設(shè)計(jì)