UI设计教案(总18页)
--本页仅作为文档封面，使用时请直接删除即可-- --内页可以根据需求调整合适字体及大小--
教 案
（2016 /2017 学年第 一 学期）
系 部： 艺术设计系 教 研 室： 广告设计 教师姓名： 黎芳 任课课程： UI设计 课程类型： 专业课 学 分：
任课班级： 普专广告15-1\\2 计划课时： 56
2
教 学 准 备 表
课程名称 专业方向 总 学 时 UI设计 广告设计 56 必修课 选修课 年 级 周 学 时 2015 8 班 级 普专广告15-1、2 学生人数 67 普通教育课程（ ）；学科基础课（ ）；专业方向课（√） 公选课（ ）；学科基础选修课（ ）；专业选修（ ） 课程类别 授课方式 采用何种多媒体 理论课（ 6） ；实践课 （ 50 ） 理论+实践课（ 56） 图文并茂的多媒体课件（ √ ） 影、音、像资料的放映（ √ ） 考核方式 双语教学 作者 考试（ √ ） 考查（ ） 是（ ） 否（ √ ） 名称 教材 出版社及出版时间 参考书目 及有关网 址资料 课 前 设 施 要 求 ???《移动UI设计之案例与??刘晓北京航空航天大学出版实战》? 芳 社 2016 《PHOTOSHOP CC移动UI?创锐设电子工业出版社 2015 界面设计与实战》 计 《PHOTOSHOP移动UI设?张晨起 人民邮电出版社2015 计》 教画室（ ）；多媒体教室（ √ ）；机房（ ）；教室（ √ ）； 室 服装实验室（ ）；工业设计实验室（ ）；非编实验室（ ）； 要摄影实验室（ ）；材料室（ ） 求 理论讲解概况、设计原理、设计分类、制图表现；结合具体设计案材例和实践项目深入分析，让学生对UI设计学科有整体认识，并引导料 教师 学生进入具体的设计实践，掌握一定的设计技能。 与?????学生应对UI设计进行充分的综合分析，对设计任务准确定位，工以及对材料与工艺的了解；同时具备一定的创意思维能力以及方案具学生 草图的表达能力，掌握图标的设计与制作，绘制与制作要规范、准要确、精细；还要掌握UI界面的整体设计。 求 成绩考核方式：?本课的考核方法为随堂考查，对学生的学习过程、作业过程的考查为平时成绩，命题设计的考核为结课成绩，成绩评定的分值：平时成绩占60%，结课作业成绩占40%。 备 注 3
课程名称 UI设计的基础理论 课时 4 学 分 授课班级 普专广告15-1、2 学生人数 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 作业、思考题 4
课后小结 课程名称 ICON基础图标设计—课时 微信图标的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 5
作业、思考题 课后小结 课程名称 ICON基础图标设计—天天动听图标的设计与课时 制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 教学目的 教学内容 教学重点难点 6
教学手段与方法 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考题 课后小结 课程名称 ICON基础图标设计—课时 音乐图标的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学目的 教学内容 7
教学重点难点 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学手段与方法 作业、思考题 课后小结 课程名称 ICON基础图标设计—金属旋钮图标的设计与课时 制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 教学目的 8
教学内容 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学重点难点 教学手段与方法 作业、思考题 课后小结 课程名称 ICON基础图标设计—课时 卡通图标的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? 9
教学目的 ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学内容 教学重点难点 教学手段与方法 作业、思考题 课后小结 课程名称 ICON基础图标设计—记事本图标的设计与制课时 作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 10
基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 作业、思考题 课后小结 课程名称 ICON基础图标设计—课时 相机图标的设计与制作 4 学 分 11
授课班级 普专广告15-1、2 学生人数 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 作业、思考题 课后小结
12
课程名称 ICON基础图标设计—纹理的使用 普专广告15-1、2 课时 4 学 分 授课班级 学生人数 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 作业、思考题 课后小结 13
课程名称 界面的整体设计—网页课时 主页界面的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 作业、思考题 14
课后小结 课程名称 界面的整体设计—APP课时 登录界面的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 教学目的 教学内容 教学重点难点 教学手段与方法 15
作业、思考题 课后小结 课程名称 界面的整体设计—APP课时 内容界面的设计与制作 普专广告15-1、2 学生人数 4 学 分 授课班级 67 2016-授课时间 2017（1） 基本教材与主要参考资 料 1.《移动UI设计之案例与实战》? 刘晓芳 ?北京航空航天大学出版社 2016 2.《PHOTOSHOP CC移动UI界面设计与实战》 创锐设计 电子工业出版社 2015 3.《PHOTOSHOP移动UI设计》 张晨起 人民邮电出版社2015? ?通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。 第一章 UI设计的理论基础 设计的名词解释 设计的原则 设计的流程 设计的就业前景 设计的趋势 设计实用辅助工具 7.国内外优秀网站介绍 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 教学目的 教学内容 教学重点难点 16
教学手段与方法 ? 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考题 课后小结 17
18
19
20
因篇幅问题不能全部显示，请点此查看更多更全内容