文档介绍：该【UI教案 】是由【泰山小桥流水】上传分享，文档一共【9】页，该文档可以免费在线阅读，需要了解更多关于【UI教案 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。精选文档
精选文档
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格式的图标不兼容。你能够在有关应用软
件中翻开含有这类图像格式的图标,但操作系统却以为是无效的。你一定保证你所
设计的图标中最少含有以上所列的图像格式来获取优秀的显示成效。假如操作系统
在图标中找不到特定的图像格式,它总是采纳最凑近的图像格式来显示,比方把大
小为48x48的图标减小为24x24象素大小。自然,成效就差些了。
不一样的操作系统版本
Windows95,Windows98,WindowsME,Windows2000
·建议:48x48(256色,16色),32x32(256色,16色),16x16
(256色,16色).
·最低:32x32(256色,16色),16x16(256色,16色).
WindowsXP
·建议:48x48(RGB/A,256色,16色),32x32
(RGB/A,256
色,
16
色),24x24
(RGB/A,
256色,
16色),16x16
(RGB/A,256
色,
16
色)
·最低:32x32(的RGB/A,256色,16色),16x16(的RGB/A,256
色,16色).
·可选:
128x128
(的RGB/A)
WindowsVista?
·建议:
256x256
(RGB/A),64x64
(RGB/A),48x48
(RGB/A,
256
色,16
色),32x32
(RGB/A,256色,
16色),24x24
(RGB/A,
精选文档
精选文档
4
精选文档
256
色,16
色),
16x16
(RGB/A,256
色,
16色)
·最低:
256x256
(RGB/A),48x48
(RGB/A,256色),32x32
(RGB/A,
256色)
,16x16(RGB/A,
256色)
·可选:
256x256
(
256色,16色)
,64x64(256色,
16色)
此画面为手机的操作系统的图标。
精选文档
精选文档
5
精选文档
同学们主要在以下几个方面来考虑:
精选文档
精选文档
9
精选文档
造型;
颜色;
艺术性;
创立性;
一致性;
我采集了一些图标的文件,我们接下来能够分享一下。
第二节输入法设计
输入法是指为了将各种符号输入计算机或其余设施(如手机)而采纳的编码方
法。汉字输入的编码方法,基本上都是采纳将音、形、义与特定的键相联系,再根
据不一样汉字进行组合来达成汉字的输入的。
中文热点输入法
搜狗拼音输入法:
搜狗拼音输入法是2006年6月由搜狐(SOHU)企业推出的一款Windows平
台下的汉字拼音输入法。搜狗拼音输入法是鉴于找寻引擎技术的、特别合适网民使
用的、新一代的输入法产品,用户能够经过互联网备份自己的个性化词库和配置信
息。搜狗拼音输入法为中国国内当今主流汉字拼音输入法之一,推行永久免费的原
则。
拼音输入法:
QQ拼音输入法是腾讯企业开发的一种方便人们使用和观看的输入法,可下载
各种各种的皮肤来改变自己的皮肤。
同学们主要在以下几个方面来考虑:
造型;
颜色;
艺术性;
创立性;
一致性;
我采集了一些图标的文件,我们接下来能够分享一下。
第三节手机界面设计
同学们主要在以下几个方面来考虑:
精选文档
精选文档
7
精选文档
造型;
精选文档
精选文档
8
精选文档
颜色;
艺术性;
创立性;
一致性;
我采集了一些图标的文件,我们接下来能够分享一下。
第四节播放器
同学们主要在以下几个方面来考虑:
1造型;2颜色;3艺术性;4创立性;5一致性;
我采集了一些图标的文件,我们接下来能够分享一下。
第五节系统界面
精选文档
精选文档
9
精选文档
精选文档
精选文档
9
精选文档
教课步骤及教课内容时间分派
精选文档
精选文档
11
精选文档
同学们主要在以下几个方面来考虑:
造型;
颜色;
艺术性;
创立性;
一致性;
我采集了一些图标的文件,我们接下来能够分享一下。
作业部署
课后反省
精选文档
精选文档
12
精选文档