UI教案.docx

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