UI设计教案设计

《UI设计教案设计》由会员分享，可在线阅读，更多相关《UI设计教案设计（15页珍藏版）》请在装配图网上搜索。

1、（2016 /2017 学年第 一 学期） 系 部： _ 艺术设计系 _ 教研室： _ 广告设计 _ 教师姓名： _ 黎芳 _ 任课课程： UI 设计 _ 课程类型： 专业课 _ 学 分： 3.5 _ 任课班级： 普专广告 15-12 计戈 U 课时： _ 56 _ 教学准备表 课程名称 UI 设计 专业方向 广告设计 年 级 2015 班 级 普专广告 15-1、2 总学时 56 周学时 8 学生人数 67 课程类别 必修课 普通教育课程（ ）；学科基础课（ ）；专业方向课（V） 选修课 公选课（ ）；学科基础选修课（ ）；专业选修（） 授课方式 理论课（6 6）;实践课 （50 50 ）

2、理论+ +实践课（56 56 ） 考核方式 考试（V ） 考查（） 采用何种多媒 体 图文并茂的多媒体课件（ V ） 影、音、像资料的放映（ V ） 双语教学 是（ ） 否（V ） 教材 名称 作者 出版社及出版时间 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 参考书目 及有关网 址资料 PHOTOSHOP CC 移动 UI 界 面设计与实战 创锐设 计 电子工业出版社 2015 PHOTOSHOP 移动 UI 设计 张晨起 人民邮电出版社 2015 课 .、八 刖 设 施 要 求 教 室 要 求 画室（ ）;多媒体教室（ V ）；机房（）；教室（V ）； 服装实验

3、室（ ）;工业设计实验室（ ）;非编实验室（ ）； 摄影实验室（ ）；材料室（ ） 材 料 与 工 具 /、 要 教师 理论讲解概况、设计原理、设计分类、制图表现；结合具体设计案例 和实践项目深入分析，让学生对 UIUI 设计学科有整体认识，并引导学 生进入具体的设计实践，掌握一定的设计技能。 学生 学生应对 UIUI 设计进行充分的综合分析，对设计任务准确定位，以 及对材料与工艺的了解；同时具备一定的创意思维能力以及方案草图 的表达能力，掌握图标的设计与制作，绘制与制作要规范、准确、精 细；还要掌握 UIUI 界面的整体设计。 备 注 成绩考核方式：本课的考核方法为随堂考查，对学生的学习过程

4、、作业过程的考查为 平时成绩，命题设计的考核为结课成绩，成绩评定的分值：平时成绩占 60%60%，结课作 业成绩占 40%40%。 课程名称 UI 设计的基础理论 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHOC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国

5、的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范

6、及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一微信 图标的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教

7、学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内

8、容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一天天 动听图标的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理

9、论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课

10、后小结 课程名称 ICON基础图标设计一音乐 图标的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释

11、 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标

12、设计一金属 旋钮图标的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3.

13、 UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一卡通 图标的设计与制作

14、课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设

15、计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一记事 本图标的设计与制作 课时 4 学分 3.5 授课班级

16、 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的

17、趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一相机 图标的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数

18、 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具

19、 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 ICON基础图标设计一纹理 的使用 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1

20、) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHGCC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占

21、八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 界面的整体设计一网页主 页界面的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1.

22、 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHOC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发

23、展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 界面的整体设计一 APP 登 录界面的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战

24、刘晓芳 北京航空航天大学出版社 2016 2. PHOTOSHOC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难

25、点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结 课程名称 界面的整体设计一 APP 内 容界面的设计与制作 课时 4 学分 3.5 授课班级 普专广告 15-1、2 学生人数 67 授课时间 2016-201 7 (1) 基本教材与 主要参考资 料 1. 移动 UI 设计之案例与实战 刘晓芳 北京航空航天大学出版社

26、2016 2. PHOTOSHOC 移动 UI 界面设计与实战 创锐设计 电子工业出版社 2015 3. PHOTOSHO 移动 UI 设计 张晨起 人民邮电出版社 2015 教学目的 通过本课程的学习使学生了解 UI 在中国的发展，以及 UI 的是什么。 教学内容 第一章 UI 设计的理论基础 1. UI 设计的名词解释 2. UI 设计的原则 3. UI 设计的流程 4. UI 设计的就业前景 5. UI 设计的趋势 6. UI 设计实用辅助工具 7. 国内外优秀网站介绍 教学重点难 占 八、 教学重点：掌握 UI 在中国的发展，以及 UI 是什么。 教学难点：掌握 UI 是什么。 教学手段与 方法 本课程米用讲授与学生实际动手操作相结合的方式授课。利用多媒体课 件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下 完成各单兀作业。学生徒手绘制草图，使用计算机绘制效果图，通过教师的 现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。 作业、思考 题 课后小结