UI教案一.doc

完整版)UI教案一
杭州市电子信息职业学校教案
数媒 专业 任课教师 邹吟野
章节
第 一章
题目 UI设计始业教育
时间
2018年 3 月 5 日 星期 1 第 1 2 节
教学目的
1课程规范及作业要求
2了解UI设计的作用及发展变化
教学重点
（结合高职特点提出重点思路)
UI设计的概念理解作用及发展变化
教学难点(提出解决难点的思路）
什么样的UI设计是优秀的，他与产品交互之间关系是如何
教学方法（结合学生实际，拟采用的教学方法）
（一）基本理论的讲授与设计练习并重，在建立设计观念的同时，通过大量练习，掌握设计原则和技巧。
（二）强调学生个性和创造能力的培养.
（三）本章讲授后根据教学需要安排一定量的作业，供学生艺术实践；课堂实践，老师逐一辅导。
教具、图表
PPT课件 数字展台

板书设计及讲解要点
教学内容及设计
时间分配
一，始业教育
1，进机房后不允许大声讲话，没有老师的允许，不准 擅自走动。去厕所必须是课间下课时间。
2，上课要听老师讲课，不允许做与上课无关的事情，比如打游戏，玩手机等。二者被发现，德育学分扣30分,手机上缴一个月。
3，作业要求:
每次课后都有作业布置,要求及时认真完成，课代表在下次上课前负责统计,少做漏做的影响到期末总评.
4, 做好课前课后7S,绝对不允许在机房吃零食喝水，破坏主机及键盘鼠标。
二 ，什么是UI？
UI设计(或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
WUI是Web User Interface的简称，即网页设计。
图形用户界面（Graphical User Interface,简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。

GUI 即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能,以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事 GUI 的研究与设计,同业间也成立了若干机构，以互相交流 GUI 设计理论与经验为目的.随着中国 IT 产业,移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。

三 学习UI设计要掌握的软件有哪些？
PS AI Skech 以及Axure的掌握

Photoshop主要处理以像素所构成的数字图像.使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的矢量图形处理工具。
该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，我们同样添加了一些基本的位图工具，比如模糊和色彩校正。
我们尽力让 Sketch 容易理解并上手简单，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用.对于绝大多数的数字产品设计，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。Sketch 是为图标设计和界面设计而生的.它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及.在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式;我们有最棒的文字渲染和文本式样,还有一些你一定会爱上的文件导出工具.但是它只有mac版本。

Axure RP是一个专业的快速原型设计工具。Axure（发音:Ack-sure)，代表美国Axure公司；RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理［1］  。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
四 学习UI需要掌握的技能
1 要有一定的造型能力-主要是只有一定的素描及绘画功底.
2 对于平面构成的认知
3 色彩构成的的认知
五 几个学习网站推荐

作 业
复习ps 了解AI的界面操作

教学后记

8