UI设计教案设计

教 案

精彩文案2016 /2017 学年第 一 学期）

系 部： 艺术设计系 教 研 室： 广告设计 教师姓名： 黎芳 任课课程： UI设计 课程类型： 专业课 学 分： 3.5 任课班级： 普专广告15-1\\2 计划课时： 56

（

实用标准文档

教 学 准 备 表

课程名称 专业方向 总 学 时 UI设计 广告设计 56 年 级 周 学 时 2015 8 班 级 学生人数 普专广告15-1、2 67 ；学科基础课（ ）；专业方向课（√） 必修课 普通教育课程（ ）课程类别 ；学科基础选修课（ ）；专业选修（ ） 选修课 公选课（ ）理论课（ 6） ；实践课 （ 50 ） 考试（ √ ） 授课方式 理论+实践课（ 56） 图文并茂的多媒体课件（ √ ） 考核方式 考查（ ） 是（ ） 采用何种多媒体 双语教学 影、音、像资料的放映（ √ ） 否（ √ ） 名称 教材 作者 出版社及出版时间 北京航空航天大学出版社 2016 电子工业出版社 2015 人民邮电出版社2015 《移动UI设计之案例与实战》 刘晓芳 《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 参考书目 及有关网 址资料 《PHOTOSHOP移动UI设计》 张晨起 课 前 设 施 要 求 教室 要求 材料 与工具要求 画室（ ）；多媒体教室（ √ ）；机房（ ）；教室（ √ ）； 服装实验室（ ）；工业设计实验室（ ）；非编实验室（ ）； 摄影实验室（ ）；材料室（ ） 理论讲解概况、设计原理、设计分类、制图表现；结合具体设计案例教师 和实践项目深入分析，让学生对UI设计学科有整体认识，并引导学生进入具体的设计实践，掌握一定的设计技能。 学生应对UI设计进行充分的综合分析，对设计任务准确定位，以及对材料与工艺的了解；同时具备一定的创意思维能力以及方案草图的表达能力，掌握图标的设计与制作，绘制与制作要规范、准确、精细；还要掌握UI界面的整体设计。 学生 精彩文案

实用标准文档

备 注 成绩考核方式： 本课的考核方法为随堂考查，对学生的学习过程、作业过程的考查为平时成绩，命题设计的考核为结课成绩，成绩评定的分值：平时成绩占60%，结课作业成绩占40%。

课程名称 授课班级 UI设计的基础理论 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—微信图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—天天动听图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—音乐图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—金属旋钮图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—卡通图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—记事本图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—相机图标的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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基础图标设计—纹理的使用 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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是什么。 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学内容 教学重点难点 教学手段与方法 作业、思考题 精彩文案

实用标准文档

课后小结 课程名称 授课班级 界面的整体设计—网页主页界面的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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登录界面的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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内容界面的设计与制作 普专广告15-1、2 课时 学生人数 4 67 学 分 授课时间 3.5 2016-2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》 刘晓芳 北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动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是什么。 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学内容 教学重点难点 教学手段与方法 精彩文案