聊天室 修改资料 社区论坛 留言板
| 首页 | 学术著作平台 | 业内新闻 | 企业信息 | 网上书店 | 电子书书店 | 期刊 | 百科新知 | 数据库检索 |
首页>>期刊>>电脑校园>>阶梯教室

 

Windows XP风格图标轻松做(上)
 

Windows XP风格的图标很美观,用专家的话叫做"很有视觉震撼力"。随着Windows XP操作系统的发行和流行,很多人都希望能学会制作与此风格一致的图标。那么,这种风格的图标是怎样设计出来的呢?请看下面的介绍,它一定会给你带来惊喜。

Windows XP风格图标的特点

Windows XP风格图标的特点是:所用的颜色种类多、层次丰富,过渡自然流畅,边缘清晰,立体感强。使用的设计工具主要是Photoshop,在制作过程中,我们必须注意以下事项:
1.视线角度与透视关系应具有动感。
2.所有的图像中的线条边缘和角都要求圆滑,不能有生硬的感觉(图1)。
3.光源应当放置在左上角,同一个图标中的各个图形部分用光的风格必须一致。
4.物体放置位置和观察者的视线应当具有一定的倾斜角度,以免显得呆板。
5.物体阴影要过渡自然。
6.物体轮廓清晰,边缘的线条不能有锯齿型的折线。
7.图标中显示的物体,尤其是计算机以及IT设备等,外形要有现代感,尽量采用时尚流行的样式。例如眼下液晶显示器是很"前卫"的,用到显示器的图标中就应当采用很薄的液晶显示器的样式。
Windows XP中,图标的尺寸并不像早期的Windows版本那样,要求严格地统一用几个特定的尺寸,它可以用任意尺寸,甚至还可以将自己喜爱的照片制成图标。但原来统一的尺寸仍是系统推荐使用的,这些尺寸是:48 × 48、32 × 32、24 × 24、16 × 16(以像素的点为单位)。在制作图标的时候,建议大家将表现相同内容的图作成4种尺寸,最少也需要3种尺寸:48 × 48、32 × 32、16 × 16,同一内容的图标,不同场合采用的尺寸不同,图2就是一个3种尺寸的典型实例。
插图是用于菜单中的图标,图3所示的插图是一个开始菜单,里面就使用了多个24 × 24点像素的图标(这些图标是人家微软做好的,你就不要再费心了!),如果你想设计工具条中使用的图标,那么,请你注意:Windows XP在工具条中使用的图标尺寸有两种:24 × 24 和 16 × 16,这是有尺寸限制的,就像图4中所示的一样。

支持的颜色深度

所谓支持的颜色深度,可以直观地理解为设计时可用的颜色种类数。支持的颜色种类数越多,可以显示的颜色将越丰富。按照通常习惯,大致可以分为三种:24-Bit 24位真彩色、8-Bit 256色、4-Bit 16色。
只有显示卡设置的颜色模式等于或高于某种上述设计模式时,图标的颜色才能得以完全显现,例如当前显示卡设置为8-Bit(256色),则只有8-Bit 及其以下的色彩可以正确显示,高于8-Bit的图标显示的颜色将失真很大。熟悉显示卡设置的朋友,这点将不难理解。
同一图形采用不同的颜色模式显示效果有很大不同,图5是"My Pictures"的图标,从左到右,依次用的是 24位真彩色、 256色 、 16色。

调色板

调色板是指在设计图标的时候系统可以使用的颜色,Windows XP中所用的调色板如图6:
颜色右边的数字是构成该色所用的RGB三个单色的分量,分量的最小值是0,最大值是255。
需要注意的是:在专用的设计环境中,例如Photoshop等软件,可供使用的颜色数目很多,但设计好的图标却是用在Windows环境中的,该环境所支持的颜色数目比Photoshop要少,有时甚至只有很少几种,所以,选取的颜色一定要在将来运行的调色板之内,否则,将影响显示效果。

对象分组及透视关系

设计的图标中,虽然可用各种各样的图形对象,但综合起来,大致可分两类:一是模拟实物的,例如表示文档可以用一页纸张、表示电脑可以用一台电脑主机、表示搜索查找可以使用放大镜等,二是会意的符号和或文字,例如感叹号常常用来表示警告或提示等。在图7中,最左边表示图像文档,中间以放大镜表示"搜索"图标,右边是"个人偏爱设置"图标。
如果分析图标的透视关系,可以参考下面的方法,在图标设计的过程中加上网格,利用网格作为参照,就可以很准确地处理景物的透视关系。就像图8所示,由于网格线可以由设计者添加和删除,从这点上看,要比传统的纸面绘画的透视关系好掌握。
有些图标的设计可以考虑使用部分重叠的方案,图形对象多,会意将变得更加形象、更便于理解含义。例如,图9中三个图标的含义是(自左至右):添加或删除程序、图片打印、新近建立的文档,你仔细想想,有这个意思没有?但同一个图标中,不能用太多的物体来表示会意,采用的物体最好在三个以下。
采用物体重叠也需要注意彼此之间的透视关系。体现透视关系的另一个手段是使用阴影,请你仔细对比一下图10中的两个图标,就会发现右边的那个加上阴影之后,显示效果是不一样的。
加入阴影的方法:
1. 将左边的图标放置在Photoshop中。
2. 在Photoshop中,选择"阴影",角度取135度,距离取2,大小也取2。
3. 阴影用75%的不透明的黑色。

勾勒图标轮廓

设计初期,最好用铅笔来勾勒出图标的轮廓线,下面的例子是My Pictures的图标轮廓。
在设计图标的时候,虽然可用素材很多,但也要遵循一些共同的原则:
1.尽量恪守已经熟悉或习惯了的概念,保持图标含义的前后连贯和一致。
2.同一含义的图标在系统的不同位置应保持一致。
3.注意避免采用的图形内容与文化观念上的冲突,并且尽量不采用字母、单词,尤其是非通用文字的字母和单词。另外,还要尽量不使用人脸、人手作为图标的素材,如果必须用,也要用那些非特定的。
4.在同一个图标中,画面中相互关联的物体应控制在3个以下,如果过多,将显得拥挤,尺寸比例也不好处理。
5.注意不要在自己设计的图标中插入微软的图标或敏感的商标,这可能会引起版权纠纷。
图11是Windows XP中提供的共用图标,其含义多数人已经了解,和老图标相比,它们采用的图形对象变化不大,但美观程度大大增加了。
图12是Windows XP中工具条上使用的图标。
实例制作

 

 相关文章

 

 

地址:北京阜城门北大街17号 邮编:100037 电话:86-10-68349173 88390628
电子信箱:admin@ecph.com.cn
传真:86-10-68341269