UI设计教案设计.doc
《UI设计教案设计.doc》由会员分享，可在线阅读，更多相关《UI设计教案设计.doc（14页珍藏版）》请在冰点文库上搜索。
实用标准文档
教案
（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是什么。
教学手段与方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。
学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
精彩文案
升级会员 