信息化UI设计教案第一学期.doc

第 PAGE 6 页 共 NUMPAGES 7 页 第 PAGE 91 页 共 NUMPAGES 7 页 大纲 第一章 信息化UI设计基础 §1.1 理解信息化UI设计 §1.2 数字化图像的基础 案例1：绘制简洁的开机按钮 案例2：制作网站主页按钮 案例3：制作逼真皮革按钮 第二章 图标设计 §2.1 了解图标设计 §2.2 图标设计的绘制原则 案例1：制作IE浏览器图标 案例2：绘制真实镜头图标 案例3：绘制手机信息APP图标 第三章 网页设计 §3.1 了解网页UI §3.2 网页界面构成元素 §3.3 网页设计的原则 §3.4 网页界面布局形式 案例1：绘制网页中的主体 案例2：绘制网页战中的广告条 案例3：绘制网页的背景和导航栏 第四章 软件界面设计 §4.1 软件界面设计发展历程 §4.2 软件界面设计简介 §4.3 软件界面设计的原则 §4.4 软件界面设计中的屏幕设计 案例1：绘制软件中的登录界面 案例2：绘制输入法皮肤 案例3：绘制信息查询界面 案例4：绘制简单的日历软件界面 第五章 手机界面设计 §5.1 手机界面设计的重要性 §5.2 手机界面设计的要求 §5.3 手机界面设计的特征 §5.4 手机界面设计的基本常识 案例1：绘制手机界面中的游戏图标 案例2：绘制IOS应用商店图标 案例3：绘制IOS操作系统手机界面 案例4：绘制Android拨号界面 第六章 播放器界面设计 §6.1 注意人性化设计 §6.2 播放器界面设计的原则 §6.3 情感化因素不可忽视 案例1：绘制黑色时尚播放器 案例2：绘制简约时尚播放器 案例3：绘制音乐播放器界面 第七章 大作业 教师课时授课计划（1） 授课班级 授课日期 见日志 见日志 见日志 学生出勤情况 见日志 见日志 见日志 课 题 第一章 信息化UI设计基础 §1.1 理解信息化UI设计 §1.2 数字化图像的基础 本次授课目的 与要求 知识目标 1、什么是UI设计； 2、UI设计的分类。 能力培 养目标 1、能够熟记UI设计的定义； 2、能够掌握UI设计的分类。 课堂类型 实践课 教具 多媒体教学设备 考核对象 全体学生 复习旧课要点 新课重点 1、什么是UI设计； 2、UI设计的分类。 新课难点 及解决措施 1、能够熟记UI设计的定义； 2、能够掌握UI设计的分类。 多给学生做演示，讲解制作方法。 课后总结 及改进措施 学生能够熟记UI设计的定义，并掌握UI设计的分类。 备课时间 2017.9.3 主任审阅 年 月 日 涉及标准 参考工具书 授课内容 时间分配 一、组织教学 1、点名签到 2、复习旧课 二、教学内容 一、UI设计 UI设计即为用户界面设计，全称UI=User Interface。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。 二、UI设计分类 随着信息技术的高速发展，人们对信息的需求量不断增加，图形界面的设计也越来越多样化。UI设计主要可以分为手机界面设计、网站设计、软件用户界面设计和游戏界面设计等，不同类型的界面设计风格和特点各不相同。 1.手机界面设计 现如今，手机俨然已经成为普通大众的生活必需品，而手机的功能也越来越完善，很多高端手机的性能甚至与电脑不分高下。手机界面设计最大的要求就是人性化，不仅要便于用户操作，还要美观大方。 2.网站设计 近年来，随着电子商务的高速发展，国内网站设计行业也正在快速崛起。从最初的纯文本网页到版式古板，配色拙劣，再到现如今的配色新奇，版式多元化，网站设计得到了长足发展。 3.软件用户界面 用户主要通过软件与各种机器设备进行交流，更确切的说，是软件界面。为了方便用户使用，软件界面的设计应该简洁美观、易于操作。 4.播放器界面 如今，市场上的各种音乐播放器软件层出不穷，体验者们不再局限于追求软件的强大功能，更对软件界面风格提出了新的要求。 5.游戏界面 相较于其它软件界面来说，游戏界面通常都比较华丽、主题鲜明三维效果应用非常普遍，具有较强的视觉震撼力。 三、学生自由练习与教师指导 四、小结 10分 35分 35分 10分  教师课时授课计划（2） 授课班级 授课日期 见日志 见日志 见日志 学生出勤情况 见日志 见日志 见日志 课 题 第一章 信息化UI设计基础 案例1：绘制简洁的开机按钮 案例2：制作网站主页按钮 案例3：制作逼真皮革按钮 本次授课目的 与要求 知识目标 1、常见的图像的格式、模式和类型； 2、Photoshop基础操作； 能力培 养目标 1、能够了解常见的图像的格式、模式和类型； 2、能够掌握Photoshop基础操作。 课堂类型 实践课 教具 多媒体教学