UI設(shè)計教案設(shè)計

1、實(shí)用標(biāo)準(zhǔn)文檔教 案（2016 /2017 學(xué)年第 一 學(xué)期）系 部： 藝術(shù)設(shè)計系 教 研 室： 廣告設(shè)計 教師姓名： 黎芳 任課課程： UI設(shè)計 課程類型： 專業(yè)課 學(xué) 分： 3.5 任課班級： 普專廣告15-12 計劃課時： 56 教 學(xué) 準(zhǔn) 備 表課程名稱UI設(shè)計 專業(yè)方向廣告設(shè)計年 級2015班 級普專廣告15-1、2總 學(xué) 時56周 學(xué) 時8學(xué)生人數(shù)67課程類別必修課普通教育課程（ ）；學(xué)科基礎(chǔ)課（ ）；專業(yè)方向課（）選修課公選課（ ）；學(xué)科基礎(chǔ)選修課（ ）；專業(yè)選修（ ）授課方式理論課（ 6） ；實(shí)踐課 （ 50 ）理論+實(shí)踐課（ 56）考核方式考試（ ）考查（ ）采用何種多媒體圖文

2、并茂的多媒體課件（ ）影、音、像資料的放映（ ）雙語教學(xué)是（ ）否（ ）教材名稱作者出版社及出版時間   移動UI設(shè)計之案例與實(shí)戰(zhàn)   劉曉芳北京航空航天大學(xué)出版社 2016參考書目及有關(guān)網(wǎng)址資料PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計電子工業(yè)出版社 2015PHOTOSHOP移動UI設(shè)計 張晨起人民郵電出版社2015課前設(shè)施要求教室要求畫室（ ）；多媒體教室（ ）；機(jī)房（ ）；教室（ ）；服裝實(shí)驗(yàn)室（ ）；工業(yè)設(shè)計實(shí)驗(yàn)室（ ）；非編實(shí)驗(yàn)室（ ）；攝影實(shí)驗(yàn)室（ ）；材料室（ ）材料與工具要求教師理論

3、講解概況、設(shè)計原理、設(shè)計分類、制圖表現(xiàn)；結(jié)合具體設(shè)計案例和實(shí)踐項(xiàng)目深入分析，讓學(xué)生對UI設(shè)計學(xué)科有整體認(rèn)識，并引導(dǎo)學(xué)生進(jìn)入具體的設(shè)計實(shí)踐，掌握一定的設(shè)計技能。學(xué)生     學(xué)生應(yīng)對UI設(shè)計進(jìn)行充分的綜合分析，對設(shè)計任務(wù)準(zhǔn)確定位，以及對材料與工藝的了解；同時具備一定的創(chuàng)意思維能力以及方案草圖的表達(dá)能力，掌握圖標(biāo)的設(shè)計與制作，繪制與制作要規(guī)范、準(zhǔn)確、精細(xì)；還要掌握UI界面的整體設(shè)計。備 注成績考核方式： 本課的考核方法為隨堂考查，對學(xué)生的學(xué)習(xí)過程、作業(yè)過程的考查為平時成績，命題設(shè)計的考核為結(jié)課成績，成績評定的分值：平時成績占60%，結(jié)課作

4、業(yè)成績占40%。 課程名稱UI設(shè)計的基礎(chǔ)理論課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計

5、的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計微信圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基

6、本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教

7、學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計天天動聽圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSH

8、OP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、

9、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計音樂圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015&

10、#160;教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講

11、評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計金屬旋鈕圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.U

12、I設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計卡通圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普

13、專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介

14、紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計記事本圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳

15、 北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)

16、生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計相機(jī)圖標(biāo)的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.P

17、HOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪

18、制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱ICON基礎(chǔ)圖標(biāo)設(shè)計紋理的使用課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的

19、是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱界面的整體設(shè)計網(wǎng)頁主

20、頁界面的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨

21、勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教學(xué)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：掌握UI在中國的發(fā)展，以及UI是什么。教學(xué)難點(diǎn)：掌握UI是什么。教學(xué)手段與方法  本課程采用講授與學(xué)生實(shí)際動手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。作業(yè)、思考題課后小結(jié)課程名稱界面的整體設(shè)計APP登錄界面的設(shè)計與制作課時4學(xué) 分3.5授課班級普專廣告15-1、2學(xué)生人數(shù)67授課時間2016-2017（1）基本教材與主要參考資料1.移動UI設(shè)計之案例與實(shí)戰(zhàn)  劉曉芳  北京航空航天大學(xué)出版社 20162.PHOTOSHOP CC移動UI界面設(shè)計與實(shí)戰(zhàn) 創(chuàng)銳設(shè)計 電子工業(yè)出版社 20153.PHOTOSHOP移動UI設(shè)計 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。教學(xué)內(nèi)容第一章 UI設(shè)計的理論基礎(chǔ)1.UI設(shè)計的名詞解釋2.UI設(shè)計的原則3.UI設(shè)計的流程4.UI設(shè)計的就業(yè)前景5.UI設(shè)計的趨勢6.UI設(shè)計實(shí)用輔助工具7.國內(nèi)外優(yōu)秀網(wǎng)站介紹教