《UI設計教案[共18頁]》由會員分享，可在線閱讀，更多相關《UI設計教案[共18頁]（18頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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