• 回复: 1
ofly 发布于:2009-09-30 11:30:13

图标设计的基础理念

图标图标,每天喊着画图标。可到真用的时间了竟然不知道要做几个尺寸的。哎,悲伤啊。。。。百度了下。大家有必要的好好看看。。什么是图标?图标是具有明白指代含义的谋略机图形。此中桌面图标是软件标识,界面中的图标是成果标识。 图标分为广义和狭义两种: 广义——具有指代意义的图形标记,具有高度浓缩并快捷转达信息、便于影象的特性。应用范畴很广,软硬件网页交际场合大众场合无所不在,比方:男女厕所标记和种种交通标记等。 狭义——谋略机软件方面的应用,包括:步伐标识、数据标识、下令选择、模式信号或切换开关、状态指示等。 图标有一套标准的大小和属性格局,且通常是小尺寸的。每个图标都含有多张雷同表现内容的图片,每一张图片具有差别的尺寸和发色数。一个图标便是一套相似的图片,每一张图片有差别的格局。从这一点上说图标是三维的。图标另有另一个特性:它含有透明地区,在透明地区内可以透出图标下的桌面背景。在布局上图标着实和麦当劳的巨无霸汉堡差未几。 一个图标实际上是多张差别格局的图片的聚团体,并且还包括了肯定的透明地区。由于谋略机操纵体系和表现配置的多样性,导致了图标的大小必要有多种格局。 操纵体系在表现一个图标时,会根据肯定的标准选择图标中最得当当前表现环境和状态的图像。要是你用的是Windows98操纵体系,表现环境是 800x600辨别率,32位色深,你在桌面上看到的每个图标的图像格局便是256色32x32象素大小。要是在雷同的表现环境下,Windows XP操纵体系中,这些图标的图像格局便是:真彩色(32位色深)、32x32象素大小。下面便是Windows各个操纵体系中的标准图标格局:(单位:大小象素—颜色) Windows 98 SE/ME/2000 48 x 48 - 256 32 x 32 - 256 16 x 16 - 256 48 x 48 - 16 32 x 32 - 16 16 x 16 - 16 Windows XP 48 x 48 - 32bit 32 x 32 - 32bit 24 x 24 - 32bit * 16 x 16 - 32bit 48 x 48 - 256 32 x 32 - 256 24 x 24 - 256 * 16 x 16 - 256 48 x 48 - 16 32 x 32 - 16 24 x 24 - 16 * 16 x 16 - 16 * 这种格局在XP图标中并不是必须的。 细致:Windows98/2000对24 x 24格局的图标不兼容。你可以在相干应用软件中打开含有这种图像格局的图标,但操纵体系却以为是无效的。你必须确保你所计划的图标中至少含有以上所列的图像格局来得到精良的表现结果。要是操纵体系在图标中找不到特定的图像格局,它总是采取最靠近的图像格局来表现,比如把大小为48 x 48的图标缩小为24 x 24象素大小。固然,结果就差些了。 图标的文件格局 在Windows操纵体系中,单个图标的文件名后缀是.ICO。这种格局的图标可以在Windows操纵体系中直接欣赏;后缀名是.ICL的代表图标库,它是多个图标的聚集,一样寻常操纵体系不直接支持这种格局的文件必要借助第三方软件才华欣赏。 在图形用户界面中,体系中的全部资源分别由三种范例的图标所表现:应用步伐图标(指向详细完成某一成果的可实行步伐)、文件夹图标(指向用于存放其他应用步伐、文当或子文件夹的“容器”)和文档图标(指向由某个应用步伐所创建的信息)。 在Windows体系中,左下角带有弧形箭头的图标代表快捷方法。快捷方法是一种特别的文件范例,它提供了对体系中一些资源东西的快速简便访问,快捷方法图标是原东西的“替人”图标。 快捷方法图标非常有效,它是定制桌面,举行快速访问通常利用的应用步伐和文档的最重要的要领。图标是具有指代意义的具有标识性子的图形,它不但是一种图形,更是一种标识,它具有高度浓缩并快捷转达信息、便于影象的特性。它不但汗青长远,从上古期间的图腾,到如今具有更多含义和成果的种种图标,并且应用范畴极为遍及,可以说它无所不在。一个国度的图标便是国旗;一件商品的图标是注册牌号;部队的图标是军旗;学校的图标是校徽;同时它也在种种大众办法中被遍及利用,如公厕标识、交通指示牌等;我们通过图标看到的不但仅是图标本身,而是它所代表的内涵含义.随着谋略机的出现,图标被付与了新的含义,又有了新的用武之地。在这里图标成了具有明白指代含义的谋略机图形。桌面图标是软件标识,界面中的图标是成果标识,在谋略机软件中,它是步伐标识、数据标识、下令选择、模式信号或切换开关、状态指示。图标在谋略机可视操纵体系中扮演着极为紧张的角色,它不但可以代表一个文档,一段步伐,一张网页,或是一段下令。我们还可以通过图标实行一段下令或打开某种范例的文档,你所要做的只是在图标上单击或双击一下。 图标的文件格局在Windows中的图标文件(*.ico)利用雷同BMP文件格局的布局来生存,但它的文件头包括了更多的信息以指出文件中含有多少个图标文件以及相干的信息,别的,在每个图标的数据区中,还包括有透明区的设置信息,对付图像信息数据的构造则与BMP雷同,这是一种无损的图像。别的,Windows中的光标文件(*.cur)也利用这种格局。因此,在大部分时间图标与光标可以相互更换利用。什么是图标?一个图标是一个图形图像,一个小的图片或东西代表一个文件,步伐,网页,或下令。图标资助您实行下令,和敏捷的打开步伐文件。实行一个下令利用一个图标,单击或双击该图标。它也是用于很快的显现东西在游览器中.比方,全部文件均利用雷同的扩展具有雷同的图标。 一个形象和一个图标之间有什么区别?谋略机图像是一个点阵图(构成像素)或矢量(构成的画图路径)的图片,可以利用种种差别的格局( BMP ,PSD ,GIF , JPEG ,WMF ...).全部这些格局有几种差别的属性(点阵图,向量,压缩,分层,动画... ) ,可以用来存储图片,和决定任何大小。 图标是差别的标准图像。他们是有标准尺寸(通常是小) : 16x16 , 32x32 , 48x48 ... 图标构成的几个图片。他们各自具有差别的大小和数量,颜色(a通道, 16色, 256色,16.8M...).一个图标最紧张的属性是其包括透明地区的本领,这种本领能让图标的方形图案背面的屏幕背景变得可见什么是一个图标的布局?一个图标是一组图像,种种差别的格局(大小和颜色的) 。别的,每幅图像可以包括透明的地区。这便是为什么你会发明一个透明的颜色在绘画调色盘为16或256色图片和一个变量的不透明参数利用Alpha通道,为新的RGB /A图像格局(不透明= 0意味着透明) 。 你必要包括几个图象的一个图标,以容许Windows或Macintosh操纵体系选择得当的格局时,表现它在屏幕上。它大概会变化的底子上屏幕的颜色数和表现位置。比方,会在Windows ®任务栏图标表现利用16x16的图像格局,并在桌面上,他们表如今较大尺寸( 48x48 , 96x96 , 256x256 ) 。在Windows Vista ™ ,一些中间大小的利用( 24x24 , 32,32 , 48x48和64x64 ) 。要是一个图标不存在某个尺寸,Windows Vista ™将会主动调解邻近的大小至最大尺寸256x256 。 在OSX体系10.5 版本中利用大格局的图标,128*128,256*256乃至于512*512这般大的。全部这些格局都含有一个临时通道来创造腻滑的透明结果并且能使图标大小调解时也能得到令人得意的结果 。我的图标应该包括此中哪些图像格局?要兼容全部表现案件和屏幕的配置,则必须思量创建图标含有的种种图像格局。见下文,并发起格局差别的操纵体系版本:Windows 95, Windows 98, Windows ME, Windows 2000• 发起: 48x48 ( 256色, 16色) , 32x32 ( 256色, 16色) , 16x16 ( 256色, 16色).• 最低: 32x32 ( 256色, 16色) , 16x16 ( 256色, 16色).Windows XP • 发起: 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) Windows Vista™• 发起: 256x256 (RGB /A) , 64x64 (RGB /A) , 48x48 (RGB /A, 256色, 16色) , 32x32 (RGB /A, 256色, 16色) , 24x24 (RGB /A, 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色)RGB图标格局与Alpha通道是什么?也叫做RGB/A,这种图片格局包括16.8百万色,它由RGB(红绿蓝三色)加上一个附加的不透明的通道构成。这个通道被叫做Alpha(阿尔法)通道。每一个通道由8位的像素(意思为每个像素由8个位构成,位代表谋略机中最根本的单位,每个位可以包括一个0大概一个1,这便是二进制)来构成。因此孕育产生的结果是每个像素由32个位构成(由于由4个通道构成一个图片,因此图片的像素便是4*8=32位), 看以下视图可以直观的相识RGB/A 图像。扫一扫,关注设计动量,随时参与互动。
我要评论
ofly 发布于:2009-09-30 12:30:13 1#
都是很基础的感念,但是对以后的设计一定有帮助,喜欢就收藏起来并分享给好友吧