UI设计教案.docx
- 文档编号:12591590
- 上传时间:2023-06-06
- 格式:DOCX
- 页数:18
- 大小:17.55KB
UI设计教案.docx
《UI设计教案.docx》由会员分享,可在线阅读,更多相关《UI设计教案.docx(18页珍藏版)》请在冰点文库上搜索。
UI设计教案
(2016/2017学年第一学期)
系部:
艺术设计系
教研室:
广告设计
教师姓名:
黎芳
任课课程:
UI设计
课程类型:
专业课
学分:
任课班级:
普专广告15-1\2
计戈U课时:
56
教学准备表
课程名称
UI设计
专业方向
广告设计
年级
2015
班级
普专广告
15-1、2
总学时
56
周学时
8
学生人数
67
课程类别
必修课
普通教育课程();学科基础课();专业方向课(V)
选修课
公选课();学科基础选修课();专业选修()
授课方式
理论课(6);实践课(50)理论+实践课(56)
考核方式
考试(V)
考查()
采用何种多媒体
图文并茂的多媒体课件(V)影、音、像资料的放映(V)
双语教学
是()
否(V)
教材
名称
作者
岀版社及岀版时间
《移动UI设计之案例与实战》
刘晓芳
北京航空航天大学岀版社
2016
参考书目及有关网址资料
《PHOTOSHOPCC移动UI界面
设计与实战》
创锐设计
电子工业岀版社2015
《PHOTOSHOP移动UI设计》
张晨起
人民邮电岀版社2015
课.、F.刖设施要求
教室要求
画室();多媒体教室(V);机房();教室(V);
服装实验室();工业设计实验室();非编实验室();
摄影实验室();材料室()
材料与工具要求
教师
理论讲解概况、设计原理、设计分类、制图表现;结合具体设计案例和实践项目深入分析,让学生对UI设计学科有整体认识,并引导学
生进入具体的设计实践,掌握一定的设计技能。
学生
学生应对UI设计进行充分的综合分析,对设计任务准确定位,以及
对材料与工艺的了解;同时具备一定的创意思维能力以及方案草图的表达能力,掌握图标的设计与制作,绘制与制作要规范、准确、精细;还要掌握UI界面的整体设计。
备
注
成绩考核方式:
本课的考核方法为随堂考查,对学生的学习过程、作业过程的考查为
平时成绩,命题设计的考核为结课成绩,成绩评定的分值:
平时成绩占60%,结课作
业成绩占40%。
课程名称
UI设计的基础理论
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一微信图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范
及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一天天动听图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一音乐图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一金属旋钮图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一卡通图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一记事本图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一相机图标的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
ICON基础图标设计一纹理的使用
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
界面的整体设计一网页主页
界面的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
界面的整体设计一APP登录
界面的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
课程名称
界面的整体设计一APP内容界面的设计与制作
课时
4
学分
授课班级
普专广告15-1、2
学生人数
67
授课时间
2016-2017
(1)
基本教材与主要参考资料
1.《移动UI设计之案例与实战》刘晓芳北京航空航天大学岀版社2016
2.《PHOTOSHOPC移动UI界面设计与实战》创锐设计电子工业岀版社2015
3.《PHOTOSHC移动UI设计》张晨起人民邮电岀版社2015
教学目的
通过本课程的学习使学生了解UI在中国的发展,以及UI的是什么。
教学内容
第一章UI设计的理论基础设计的名词解释
设计的原则
设计的流程
设计的就业前景
设计的趋势
设计实用辅助工具
7.国内外优秀网站介绍
教学重点难
占
八、、
教学重点:
掌握UI在中国的发展,以及UI是什么。
教学难点:
掌握UI是什么。
教学手段与
方法
本课程采用讲授与学生实际动手操作相结合的方式授课。
利用多媒体课件,结
合大量图片、图例的分析与观摩来讲授理论知识,学生在教师指导下完成各单元
作业。
学生徒手绘制草图,使用计算机绘制效果图,通过教师的现场辅导、示范及作业讲评,强化与巩固学生对课程内容的理解。
作业、思考题
课后小结
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 设计 教案