UI学习学习教案.docx

UI学习学习教案.docxUI学习学习教案
UI学习学习教案
1
UI学习学习教案
讲课课题
认识界面门
教课
经过本章学习使学生认识UI设计事例显现赏识与剖析
目标和要求
教课
教课要点：掌握UI设计事例显现赏识与剖析。
要点和难点
教课难点：掌握UI设计事例显现赏识与剖析。
教课方法 事例教课 教课手段 多媒体
讲课时间 第 十周 课时累计 12
教 学 过 程
教课步骤及教课内容 时间分派
导入新课
第一节 图标
图标是拥有明确指代含义的计算机图形。此中桌面图标是软件表记，界面中的图标
是功能表记。
UI学习学习教案
UI学习学习教案
10
UI学习学习教案
教课步骤及教课内容 时间分派
UI学习学习教案
UI学习学习教案
3
UI学习学习教案
图标分为广义和狭义两种：
广义
拥有指代意义的图形符号，拥有高度浓缩并快捷传达信息、便于记忆的特征。
应用范围很广，软硬件网页交际场所公共场合无所不在，比如：男女卫生间标记和各
种交通标记等。
狭义
应用于计算机软件方面，包含：程序表记、数据表记、命令选择、模式信号或
切换开关、状态指示等。
一个图标是一个小的图片或对象，代表一个文件，程序，网页，或命令。图标
有助于用户迅速履行命令和翻开程序言件。单击或双击图标以履行一个命令。图标
也用于在阅读器中迅速显现内容。全部使用同样扩展名的文件拥有同样的图标。
图标有一套标准的大小和属性格式，且往常是小尺寸的。每个图标都含有多张
同样显示内容的图片，每一张图片拥有不一样的尺寸和发色数。一个图标就是一套相
似的图片，每一张图片有不一样的格式。从这一点上说图标是三维的。图标还有另一
个特征：它含有透明地区，在透明地区内能够显出图标下的桌面背景。在构造上图
标其实和麦当劳的巨无霸汉堡差不多。
一个图标其实是多张不一样格式的图片的会合体，而且还包含了必定的透明区
域。由于计算机操作系统和显示设施的多样性，致使了图标的大小需要有多种格
式。
象素分辨
操作系统在显示一个图标时，会依据必定的标准选择图标中最合适目前显示环
境和状态的图像。假如你用的是Windows98操作系统，显示环境是800x600分辨率，32位色深，你在桌面上看到的每个图标的图像格式就是256色32x32象素大小。假如在同样的显示环境下，WindowsXP操作系统中，这些图标的图像格式就是：真彩色（32位色深）、32x32象素大小。下边就是Windows各个操作系统中的标准图标格式：（单位：大小象素—颜色）
Windows98SE/ME/2000
48x48-25632x32-25616x16-256
48x48-1632x32-1616x16-16
WindowsXP
UI学习学习教案
UI学习学习教案
4
UI学习学习教案
48x48-32bit32x32-32bit24x24-32bit*16x16-32bit
48x48-25632x32-25624x24-256*16x16-256
48x48-1632x32-1624x24-16*16x