UI教案一 - 图文

杭州市电子信息职业学校教案

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

1

教学内容及设计 时间分配 一，始业教育 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，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。 2

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

三 学习UI设计要掌握的软件有哪些？ PS AI Skech 以及Axure的掌握 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。 Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的矢量图形处理工具。 该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。 4

Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，我们同样添加了一些基本的位图工具，比如模糊和色彩校正。 我们尽力让 Sketch 容易理解并上手简单，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计，Sketch 都能替代

5

Adobe Photoshop，Illustrator 和 Fireworks。Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式；我们有最棒的文字渲染和文本式样，还有一些你一定会爱上的文件导出工具。但是它只有mac版本。 Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。 Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理[1] 。 6

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。 四 学习UI需要掌握的技能 1 要有一定的造型能力—主要是只有一定的素描及绘画功底。 2 对于平面构成的认知 3 色彩构成的的认知 五 几个学习网站推荐

7

作 复习ps 了解AI的界面操作 业 教学后记

8

本文来源：https://www.bwwdw.com/article/ljur.html