UI设计教案.docx

UI设计教案.docx

《UI设计教案.docx》由会员分享，可在线阅读，更多相关《UI设计教案.docx（22页珍藏版）》请在冰豆网上搜索。

UI设计教案

教案

（2016/2017学年第一学期）

系部：

艺术设计系

教研室：

广告设计

教师姓名：

黎芳

任课课程：

UI设计

课程类型：

专业课

学分：

3、5

任课班级：

普专广告15-1\2

计划课时：

56

教学准备表

课程名称

UI设计

专业方向

广告设计

年级

2015

班级

普专广告15-1、2

总学时

56

周学时

8

学生人数

67

课程类别

必修课

普通教育课程（）；学科基础课（）；专业方向课（√）

选修课

公选课（）；学科基础选修课（）；专业选修（）

授课方式

理论课（6）；实践课（50）

理论+实践课（56）

考核方式

考试（√）

考查（）

采用何种多媒体

图文并茂得多媒体课件（√）

影、音、像资料得放映（√）

双语教学

就是（）

否（√）

教材

名称

作者

出版社及出版时间

   《移动UI设计之案例与实战》 

  刘晓芳

北京航空航天大学出版社2016

参考书目

及有关网

址资料

《PHOTOSHOPCC移动UI界面设计与实战》

 创锐设计

电子工业出版社2015

《PHOTOSHOP移动UI设计》

 张晨起

人民邮电出版社2015

课

前

设

施

要

求

教室

要求

画室（）；多媒体教室（√）；机房（）；教室（√）；

服装实验室（）；工业设计实验室（）；非编实验室（）；

摄影实验室（）；材料室（）

材料

与工具要求

教师

理论讲解概况、设计原理、设计分类、制图表现；结合具体设计案例与实践项目深入分析，让学生对UI设计学科有整体认识，并引导学生进入具体得设计实践，掌握一定得设计技能。

学生

     学生应对UI设计进行充分得综合分析，对设计任务准确定位，以及对材料与工艺得了解；同时具备一定得创意思维能力以及方案草图得表达能力，掌握图标得设计与制作，绘制与制作要规范、准确、精细；还要掌握UI界面得整体设计。

备

注

成绩考核方式：

 本课得考核方法为随堂考查，对学生得学习过程、作业过程得考查为平时成绩，命题设计得考核为结课成绩，成绩评定得分值：

平时成绩占60%，结课作业成绩占40%。

课程名称

UI设计得基础理论

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—微信图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—天天动听图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—音乐图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—金属旋钮图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—卡通图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—记事本图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—相机图标得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—纹理得使用

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

界面得整体设计—网页主页界面得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

界面得整体设计—APP登录界面得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结

课程名称

界面得整体设计—APP内容界面得设计与制作

课时

4

学分

3、5

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1、《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社2016

2、《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3、《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015 

教学目得

 通过本课程得学习使学生了解UI在中国得发展，以及UI得就是什么。

教学内容

第一章UI设计得理论基础

1、UI设计得名词解释

2、UI设计得原则

3、UI设计得流程

4、UI设计得就业前景

5、UI设计得趋势

6、UI设计实用辅助工具

7、国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国得发展，以及UI就是什么。

教学难点：

掌握UI就是什么。

教学手段与方法

 本课程采用讲授与学生实际动手操作相结合得方式授课。

利用多媒体课件，结合大量图片、图例得分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师得现场辅导、示范及作业讲评，强化与巩固学生对课程内容得理解。

作业、思考题

课后小结