《UI界面設(shè)計(jì)》教學(xué)大綱-張

《UI界面設(shè)計(jì)》教學(xué)大綱一、層次與學(xué)制：二、教學(xué)時(shí)數(shù)：三、適用專(zhuān)業(yè)：

專(zhuān)科，三年制64學(xué)時(shí)，周學(xué)時(shí)： 4視覺(jué)傳達(dá)、藝術(shù)設(shè)計(jì)四、課程性質(zhì)與任務(wù)UI界面設(shè)計(jì)是數(shù)字媒體藝術(shù)專(zhuān)業(yè)重要的基礎(chǔ)課程，是一門(mén)集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課程的設(shè)置面向職業(yè)崗位要求，職業(yè)崗位針對(duì)性較強(qiáng)，涉及的專(zhuān)業(yè)技能具有很強(qiáng)的專(zhuān)業(yè)性，其主要任務(wù)是培養(yǎng)學(xué)生的手機(jī)界面設(shè)計(jì)的制作能力，使學(xué)生了解當(dāng)今界面設(shè)計(jì)制作的基本知識(shí)。五、教學(xué)目的與基本要求目的：知識(shí)目標(biāo)：了解游戲行業(yè)美術(shù)設(shè)計(jì)師崗位要求并掌握界面的設(shè)計(jì)制作規(guī)范。能力目標(biāo)：能熟練掌握界面制作流程和方法技巧，以及界面的設(shè)計(jì)制作能力達(dá)到行業(yè)崗位的基本要求。素質(zhì)目標(biāo)：1）具有熱愛(ài)所學(xué)專(zhuān)業(yè)、愛(ài)崗敬業(yè)的精神和強(qiáng)烈的法律意識(shí)；2）具有勝任設(shè)計(jì)工作的良好的業(yè)務(wù)素質(zhì)和身心素質(zhì)；3）具有運(yùn)用所學(xué)知識(shí)分析和解決問(wèn)題的能力；4）具有自學(xué)能力、獲取信息的能力，以及一定的組織、管理能力。5）培養(yǎng)學(xué)生的團(tuán)結(jié)合作能力；運(yùn)用所學(xué)知識(shí)分析和解決問(wèn)題的能力，創(chuàng)新設(shè)計(jì)思維，美術(shù)欣賞造1型審美的能力。要求：界面UI設(shè)計(jì)課在整個(gè)教學(xué)的過(guò)程中，運(yùn)用啟發(fā)、引導(dǎo)和實(shí)踐的方式，通過(guò)進(jìn)行造型設(shè)計(jì)基礎(chǔ)知識(shí)點(diǎn)的逐步講解并實(shí)例繪制教授創(chuàng)作，訓(xùn)練學(xué)生的相互配合能力，培養(yǎng)學(xué)生的職業(yè)道德、團(tuán)隊(duì)協(xié)作意識(shí)以及良好的審美意識(shí)，使學(xué)生在藝術(shù)學(xué)習(xí)和實(shí)踐中陶冶情操，并培養(yǎng)學(xué)生具備積極思考問(wèn)題、主動(dòng)學(xué)習(xí)、良好的團(tuán)隊(duì)合作精神、獲取知識(shí)能力、設(shè)計(jì)創(chuàng)意思維能力、結(jié)構(gòu)分析、感悟能力和欣賞能力等素質(zhì)。六、教學(xué)主要內(nèi)容與學(xué)時(shí)分配第一章 UI界面設(shè)計(jì)相關(guān)知識(shí)什么是UI設(shè)計(jì)及相關(guān)概念介紹在深入了解如何進(jìn)行 UI設(shè)計(jì)之前，我們還應(yīng)該先了解一些與 UI設(shè)計(jì)相關(guān)的概念2. UI設(shè)計(jì)的流程一個(gè)好的 UI設(shè)計(jì)并不是然最終的用戶(hù)界面視覺(jué)效果 ’好看 ’而已，而是需要考慮到用戶(hù)和界面之間的整個(gè)交互過(guò)程，是否使用戶(hù)有好的體驗(yàn)。所以，當(dāng)我們討論 UI流程的時(shí)候，也不能只簡(jiǎn)單地講如何優(yōu)化用戶(hù)界面的視覺(jué)效果，而應(yīng)當(dāng)從交互設(shè)計(jì)的整個(gè)流程出發(fā)來(lái)討論。UI界面設(shè)計(jì)的規(guī)范當(dāng)我們討論 UI界面設(shè)計(jì)規(guī)范的時(shí)候，我們應(yīng)該把它分為兩部分 ;一部分是交互設(shè)計(jì)規(guī)范，另外一部分是視覺(jué)設(shè)計(jì)規(guī)范。一旦確定了規(guī)范，在后續(xù)的產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)過(guò)程中，就要遵循它，確保產(chǎn)品的一致性和全局性。第二章 UI界面設(shè)計(jì)一致性1.什么是一致性無(wú)論是在很多有關(guān)用戶(hù)界面設(shè)計(jì)的書(shū)籍中，還是在用戶(hù)界面設(shè)計(jì)領(lǐng)域的前輩的經(jīng)驗(yàn)里，都涉及了用戶(hù)界面設(shè)計(jì)需要遵循的基本原則。但是遵循用戶(hù)界面設(shè)計(jì)原則不能夠像看著做菜譜一樣每一個(gè)步驟都完全照搬，因?yàn)樽笥铱偨Y(jié)出來(lái)的設(shè)計(jì)原則關(guān)注的是目標(biāo)，而不是操作，他們會(huì)盡可能讓其具備更廣泛的適用性。2.一致性在應(yīng)用設(shè)計(jì)中的作用3.如何避免不一致性的出現(xiàn)① 內(nèi)容、圖標(biāo)的設(shè)計(jì)堅(jiān)持一致性② 制定一致的色彩規(guī)則③ 控件設(shè)計(jì)保持一致第三章 UI界面設(shè)計(jì)層級(jí)性1.認(rèn)識(shí)視覺(jué)層級(jí)層級(jí)性能夠幫助用戶(hù)對(duì)界面中元素的重要程度做出區(qū)分和解讀，有助于用戶(hù)更快速、更準(zhǔn)確地理解界面內(nèi)容，完成在界面中的任務(wù)。所以層級(jí)性也是設(shè)計(jì)一個(gè)易用性高的界面的又一關(guān)鍵因素。2.如何建立信息層級(jí)2第四章 UI界面設(shè)計(jì)情感化1.認(rèn)識(shí)情感化設(shè)計(jì)2.情感化設(shè)計(jì)對(duì)用戶(hù)的影響④ 加強(qiáng)用戶(hù)對(duì)產(chǎn)品風(fēng)格的感知⑤ 緩解用戶(hù)負(fù)面情緒⑥ 引導(dǎo)用戶(hù)行為3.情感化設(shè)計(jì)的指標(biāo)4.如何進(jìn)行情感化設(shè)計(jì)第五章 UI界面類(lèi)型1.啟動(dòng)界面2.頂層界面3.一覽界面4.詳細(xì)信息界面5.輸入/操作界面6.界面跳轉(zhuǎn)第六章 信息架構(gòu)設(shè)計(jì)1.什么是信息架構(gòu)信息架構(gòu)的概念是從數(shù)據(jù)庫(kù)設(shè)計(jì)領(lǐng)域中剝離出來(lái)的信息架構(gòu)設(shè)計(jì)、所謂信息架構(gòu)是產(chǎn)品所呈現(xiàn)出來(lái)的結(jié)構(gòu)層級(jí)關(guān)系，是讓我們能夠很容易地認(rèn)識(shí)到該產(chǎn)品能做什么。3.簡(jiǎn)單信息架構(gòu)和復(fù)雜信息架構(gòu)第七章 概念原型設(shè)計(jì)1.原型設(shè)計(jì)2.原型設(shè)計(jì)的基本形式3.原型設(shè)計(jì)的要點(diǎn)4.原型設(shè)計(jì)的基本原則5.從低保真原型到高保真原型第八章 UI視覺(jué)設(shè)計(jì)-圖標(biāo)設(shè)計(jì)1.界面設(shè)計(jì)中的圖標(biāo)2.圖標(biāo)的設(shè)計(jì)創(chuàng)意第九章 圖形界面的創(chuàng)意設(shè)計(jì)1.圖形界面需求2.圖形界面的創(chuàng)意3.圖形界面的情感表達(dá)3第十章 移動(dòng) UI界面中視覺(jué)基本元素設(shè)計(jì)1.按鈕2.進(jìn)度條3.搜索欄4.動(dòng)效七、其它教學(xué)環(huán)節(jié)和考核方式各教學(xué)環(huán)節(jié)（含主要實(shí)踐環(huán)節(jié)）的學(xué)時(shí)分配（單位：學(xué)時(shí)） ：4總時(shí)數(shù)64使用教材課程名稱(chēng)講課實(shí)操其他教材名稱(chēng)主編UI界面設(shè)計(jì)3232UI界面設(shè)計(jì)梁哲周次日期教學(xué)內(nèi)容課時(shí)110.11UI界面設(shè)計(jì)相關(guān)知識(shí)2+2210.18.UI設(shè)計(jì)的流程2+2310.25UI界面設(shè)計(jì)的規(guī)范2+2411.1UI界面設(shè)計(jì)一致性2+2511.8UI界面設(shè)計(jì)層級(jí)性2+2611.15UI界面設(shè)計(jì)情感化2+2711.22UI界面類(lèi)型2+2811.29信息架構(gòu)設(shè)計(jì)2+2912.6概念原型設(shè)計(jì)2+21012.13界面設(shè)計(jì)中的圖標(biāo)2+21112.20圖標(biāo)的設(shè)計(jì)創(chuàng)意2+21212.27圖形界面需求2+2131.3界面設(shè)計(jì)中的圖標(biāo)2+2141.10.圖標(biāo)的設(shè)計(jì)創(chuàng)意2+2151.17圖形界面的情感表達(dá)2+2161.24移動(dòng)UI界面中視覺(jué)基本元素設(shè)計(jì)2+2

版次 印刷時(shí)間 出版社2017.7 2017.7 河北美術(shù)第1版 第1版 出版社教學(xué)方法 作業(yè)或備注講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)講授+輔導(dǎo)5八、作業(yè)設(shè)計(jì)本課程成績(jī)?cè)u(píng)定采用考查方式 ,課程總評(píng)成績(jī)由平時(shí)作業(yè)取平均分，采用百分制。1、上課考勤占20%；2、過(guò)程考核（上課討論發(fā)言、讀書(shū)筆記、設(shè)計(jì)說(shuō)明、查閱資料、草圖等）20%；3、課程作業(yè)60%。評(píng)分依據(jù)1、主題明顯，準(zhǔn)確表達(dá)主題內(nèi)容、寓意。（40—30分）2、技巧符合基本要求，色彩和諧、比例協(xié)調(diào)。（30—20分）3、構(gòu)思獨(dú)特、構(gòu)圖新穎。（20—10分）4、風(fēng)格突出。（10分以下）考試