UI设计教案[共18页]

教 案（2016 /2017 学年第 一 学期）系 部： 艺术设计系 教 研 室： 广告设计 教师姓名： 黎芳 任课课程： UI设计 课程类型： 专业课 学 分： 3.5 任课班级： 普专广告15-12 计划课时： 56 教 学 准 备 表课程名称UI设计 专业方向广告设计年 级2015班 级普专广告15-1、2总 学 时56周 学 时8学生人数67课程类别必修课普通教育课程（ ）；学科基础课（ ）；专业方向课（）选修课公选课（ ）；学科基础选修课（ ）；专业选修（ ）授课方式理论课（ 6） ；实践课 （ 50 ）理论+实践课（ 56）考核方式考试（ ）考查（ ）采用何种多媒体图文并茂的多媒体课件（ ）影、音、像资料的放映（ ）双语教学是（ ）否（ ）教材名称作者出版社及出版时间移动UI设计之案例与实战刘晓芳北京航空航天大学出版社 2016参考书目及有关网址资料PHOTOSHOP CC移动UI界面设计与实战创锐设计电子工业出版社 2015PHOTOSHOP移动UI设计张晨起人民邮电出版社2015课前设施要求教室要求画室（ ）；多媒体教室（ ）；机房（ ）；教室（ ）；服装实验室（ ）；工业设计实验室（ ）；非编实验室（ ）；摄影实验室（ ）；材料室（ ）材料与工具要求教师理论讲解概况、设计原理、设计分类、制图表现；结合具体设计案例和实践项目深入分析，让学生对UI设计学科有整体认识，并引导学生进入具体的设计实践，掌握一定的设计技能。学生学生应对UI设计进行充分的综合分析，对设计任务准确定位，以及对材料与工艺的了解；同时具备一定的创意思维能力以及方案草图的表达能力，掌握图标的设计与制作，绘制与制作要规范、准确、精细；还要掌握UI界面的整体设计。备 注成绩考核方式：本课的考核方法为随堂考查，对学生的学习过程、作业过程的考查为平时成绩，命题设计的考核为结课成绩，成绩评定的分值：平时成绩占60%，结课作业成绩占40%。 课程名称UI设计的基础理论课时4学 分3.5授课班级普专广告15-1、2学生人数67授课时间2016-2017（1）基本教材与主要参考资料1.移动UI设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.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设计之案例与实战 刘晓芳 北京航空航天大学出版社 20162.PHOTOSHOP CC移动UI界面设计与实战 创锐设计 电子工业出版社 20153.PHOTOSHOP移动UI设计 张晨起 人民邮电出版社2015教学目的通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。教学内容第一章 UI设计的理论基础1.UI设计的名词解释2.UI设计的原则3.UI设计的流程4.UI设计的就业前景5.UI设计的趋势6.UI设计实用辅助工具7.国内外优秀网站介绍教学重点难点教学重点：掌握UI在中国的发展，以及UI是什么。教学难点：掌握UI是什么。教学手段与方法 本课程采用讲授与学生实际动手操作相结合的方式授课。利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。作业、思考题课后小结小草急急忙忙的返青依旧；细雨迷迷濛濛的飘洒依旧。盈盈月下来，照亮你的山歌依旧；灿灿星升起，白杨树绿影婆娑依旧。好风似水，不惊你安眠依旧；鸟儿呢哝，爱的春天依旧。可我，望尽了我的花季，望尽了长长的一路落英缤纷呵！岑凯伦的绵绵春雨依旧，戴望舒的深深雨巷依旧！漂泊的船，寻找一个温馨港口；孤寂的心，渴望一声温暖问候。是你在我最落寞的时候，把亲切放在我左右；是你在我最失意的时候，把慰藉放在我心头。红酥手，黄藤酒；春如旧，人空瘦。蝴蝶双飞影孤单，泪痕红浥鲛绡透！那一叶小舟，那一双眼眸，望穿了几层山水几层楼？那一缕相思，那一缕离愁，孤独了多少暮风晨雨后？春风依旧，桃花依旧；春水依旧，明月依旧；渡口依旧，时光依旧。前世的情缘，今生的守候，多少次梦里相逢，追忆难收，点点相思堆成无言的愁。红尘多少爱，化作春水流。时光悠悠，岁月悠悠；韶华易逝 真情难留。忘情川上谁因离恨泪流？三生石前谁为痴情消廋？纵然我望断天涯孤独依旧，在桃花飘落的渡口，我依然会为你采撷相思的红豆；在海鸥飞翔的码头，我依然会为你升起祝福的星斗。你若微笑，我青山妩媚；你若安好，我绿水无忧！你若想我，我春风盈袖；你若念我，我春住心头！