UI设计教案.docx

UI设计教案.docx

《UI设计教案.docx》由会员分享，可在线阅读，更多相关《UI设计教案.docx（21页珍藏版）》请在冰豆网上搜索。

UI设计教案

教案

（2016/2017学年第一学期）

系部：

艺术设计系

教研室：

广告设计

教师姓名：

黎芳

任课课程：

UI设计

课程类型：

专业课

学分：

任课班级：

普专广告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

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—微信图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—天天动听图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—音乐图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—金属旋钮图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—卡通图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—记事本图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—相机图标的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

ICON基础图标设计—纹理的使用

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

界面的整体设计—网页主页界面的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

界面的整体设计—APP登录界面的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结

课程名称

界面的整体设计—APP内容界面的设计与制作

课时

4

学分

授课班级

普专广告15-1、2

学生人数

67

授课时间

2016-2017

（1）

基本教材与主要参考资

料

1.《移动UI设计之案例与实战》?

刘晓芳?

北京航空航天大学出版社2016

2.《PHOTOSHOPCC移动UI界面设计与实战》创锐设计电子工业出版社2015

3.《PHOTOSHOP移动UI设计》张晨起人民邮电出版社2015?

教学目的

?

通过本课程的学习使学生了解UI在中国的发展，以及UI的是什么。

教学内容

第一章UI设计的理论基础

设计的名词解释

设计的原则

设计的流程

设计的就业前景

设计的趋势

设计实用辅助工具

7.国内外优秀网站介绍

教学重点难点

教学重点：

掌握UI在中国的发展，以及UI是什么。

教学难点：

掌握UI是什么。

教学手段与方法

?

本课程采用讲授与学生实际动手操作相结合的方式授课。

利用多媒体课件，结合大量图片、图例的分析与观摩来讲授理论知识，学生在教师指导下完成各单元作业。

学生徒手绘制草图，使用计算机绘制效果图，通过教师的现场辅导、示范及作业讲评，强化与巩固学生对课程内容的理解。

作业、思考题

课后小结