《UI設(shè)計(jì)教案[共18頁]》由會(huì)員分享，可在線閱讀，更多相關(guān)《UI設(shè)計(jì)教案[共18頁]（18頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、 教 案 （2016 /2017 學(xué)年第 一 學(xué)期） 系 部： 藝術(shù)設(shè)計(jì)系 教 研 室： 廣告設(shè)計(jì) 教師姓名： 黎芳 任課課程： UI設(shè)計(jì) 課程類型： 專業(yè)課 學(xué) 分： 3.5 任課班級(jí)： 普專廣告15-1\2 計(jì)劃課時(shí)： 56 教

2、學(xué) 準(zhǔn) 備 表 課程名稱 UI設(shè)計(jì) 專業(yè)方向 廣告設(shè)計(jì) 年 級(jí) 2015 班 級(jí) 普專廣告15-1、2 總 學(xué) 時(shí) 56 周 學(xué) 時(shí) 8 學(xué)生人數(shù) 67 課程類別 必修課 普通教育課程（ ）；學(xué)科基礎(chǔ)課（ ）；專業(yè)方向課（√） 選修課 公選課（ ）；學(xué)科基礎(chǔ)選修課（ ）；專業(yè)選修（ ） 授課方式 理論課（ 6） ；實(shí)踐課 （ 50 ） 理論+實(shí)踐課（ 56） 考核方式 考試（ √ ） 考查（ ） 采用何種多媒體 圖文并茂的多媒體課件（ √ ） 影、音、像資料的放映（ √ ） 雙語教學(xué) 是（

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

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

5、 課程名稱 UI設(shè)計(jì)的基礎(chǔ)理論 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI

6、在中國的發(fā)展，以及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固

7、學(xué)生對課程內(nèi)容的理解。 作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—微信圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)

8、展，以及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程

9、內(nèi)容的理解。 作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—天天動(dòng)聽圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的

10、發(fā)展，以及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課

11、程內(nèi)容的理解。 作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—音樂圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，

12、以及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容

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

14、及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的

15、理解。 作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—卡通圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI

16、的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。

17、 作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—記事本圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是

18、什么。 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。

19、作業(yè)、思考題 課后小結(jié) 課程名稱 ICON基礎(chǔ)圖標(biāo)設(shè)計(jì)—相機(jī)圖標(biāo)的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。

20、 教學(xué)內(nèi)容 第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。 作業(yè)、

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

22、第一章 UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。 作業(yè)、思考題

23、 課后小結(jié) 課程名稱 界面的整體設(shè)計(jì)—網(wǎng)頁主頁界面的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。 教學(xué)內(nèi)容 第一章

24、UI設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。 作業(yè)、思考題 課

25、后小結(jié) 課程名稱 界面的整體設(shè)計(jì)—APP登錄界面的設(shè)計(jì)與制作 課時(shí) 4 學(xué) 分 3.5 授課班級(jí) 普專廣告15-1、2 學(xué)生人數(shù) 67 授課時(shí)間 2016-2017（1） 基本教材與主要參考資 料 1.《移動(dòng)UI設(shè)計(jì)之案例與實(shí)戰(zhàn)》 劉曉芳 北京航空航天大學(xué)出版社 2016 2.《PHOTOSHOP CC移動(dòng)UI界面設(shè)計(jì)與實(shí)戰(zhàn)》 創(chuàng)銳設(shè)計(jì) 電子工業(yè)出版社 2015 3.《PHOTOSHOP移動(dòng)UI設(shè)計(jì)》 張晨起 人民郵電出版社2015 教學(xué)目的 通過本課程的學(xué)習(xí)使學(xué)生了解UI在中國的發(fā)展，以及UI的是什么。 教學(xué)內(nèi)容 第一章 UI設(shè)

26、計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。 作業(yè)、思考題 課后小結(jié)

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

28、設(shè)計(jì)的理論基礎(chǔ) 1.UI設(shè)計(jì)的名詞解釋 2.UI設(shè)計(jì)的原則 3.UI設(shè)計(jì)的流程 4.UI設(shè)計(jì)的就業(yè)前景 5.UI設(shè)計(jì)的趨勢 6.UI設(shè)計(jì)實(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í)際動(dòng)手操作相結(jié)合的方式授課。利用多媒體課件，結(jié)合大量圖片、圖例的分析與觀摩來講授理論知識(shí)，學(xué)生在教師指導(dǎo)下完成各單元作業(yè)。學(xué)生徒手繪制草圖，使用計(jì)算機(jī)繪制效果圖，通過教師的現(xiàn)場輔導(dǎo)、示范及作業(yè)講評，強(qiáng)化與鞏固學(xué)生對課程內(nèi)容的理解。 作業(yè)、思考題 課后小

29、結(jié) 小草急急忙忙的返青依舊；細(xì)雨迷迷濛濛的飄灑依舊。 　　盈盈月下來，照亮你的山歌依舊；燦燦星升起，白楊樹綠影婆娑依舊。 　　好風(fēng)似水，不驚你安眠依舊；鳥兒呢噥，愛的春天依舊。 　　可我，望盡了我的花季，望盡了長長的一路落英繽紛呵！岑凱倫的綿綿春雨依舊，戴望舒的深深雨巷依舊！ 　　漂泊的船，尋找一個(gè)溫馨港口；孤寂的心，渴望一聲溫暖問候。 　　是你在我最落寞的時(shí)候，把親切放在我左右；是你在我最失意的時(shí)候，把慰藉放在我心頭。 　　紅酥手，黃藤酒；春如舊，人空瘦。蝴蝶雙飛影孤單，淚痕紅浥鮫綃透！

30、 　　那一葉小舟，那一雙眼眸，望穿了幾層山水幾層樓？那一縷相思，那一縷離愁，孤獨(dú)了多少暮風(fēng)晨雨后？ 　　春風(fēng)依舊，桃花依舊；春水依舊，明月依舊；渡口依舊，時(shí)光依舊。前世的情緣，今生的守候，多少次夢里相逢，追憶難收，點(diǎn)點(diǎn)相思堆成無言的愁。 　　紅塵多少愛，化作春水流。時(shí)光悠悠，歲月悠悠；韶華易逝 真情難留。 　　忘情川上誰因離恨淚流？三生石前誰為癡情消廋？ 　　縱然我望斷天涯孤獨(dú)依舊，在桃花飄落的渡口，我依然會(huì)為你采擷相思的紅豆；在海鷗飛翔的碼頭，我依然會(huì)為你升起祝福的星斗。 　　你若微笑，我青山嫵媚；你若安好，我綠水無憂！ 　　你若想我，我春風(fēng)盈袖；你若念我，我春住心頭！