windows xp风格的图标很美观，用专家的话叫做“很有视觉震撼力”。随着windows xp的发行和流行，许多程序设计者都需要学会建立与此风格协调一致的图标。那么，这种风格的图标是怎样设计出来的呢？请看下面的介绍：
一、windows xp风格图标的特点简介：
windows xp风格图标的特点是：所用的颜色种类多、层次丰富，过渡自然流畅，边缘清晰，立体感强。使用的设计工具主要是Photoshop，并强烈推荐聘请具有3D设计经验的人员来完成图标的设计。同时，必须注意的有以下事项：
1.视线角度与透视关系应具有动感。
2.所有的图像中的线条边缘和角都要求圆滑，不能有生硬的感觉。
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 .
同一内容的图标，不同场合采用的尺寸不同。
下面的插图就是一个3种尺寸的典型实例：
插图：
用于菜单中的图标：
这个插图是一个开始菜单，里面就使用了多个24 × 24点像素的图标（这些图标是人家微软做好的，你就不要再费心了！）,
如果你想建立工具条中使用的图标，那么，请你注意：windows xp在工具条中使用的图标尺寸有两种：24 × 24 和 16 × 16，这是有尺寸限制的。就像下面图中所示。
三、支持的颜色深度
所谓支持的颜色深度，可以直观地理解为设计时可用的颜色种类数。支持的颜色种类数越多，可以显示的颜色将越丰富。按照通常习惯，分：
·24-bit 24位真彩色
·8-bit 256色
·4-bit 16色
只有显示卡设置的颜色模式等于或高于某种上述设计模式时，图标的颜色才能得以完全显现，例如，如果当前显示卡设置的8 Bit（256色），则只有8 Bit 及其一下的可以正确显示，高于8 Bit的图标显示的颜色将失真很大。若熟悉显示卡的设置，这些将不难理解。
同一图形采用不同的颜色模式：
上图是“My Pictures”的图标，从左到右，依次用的是 24位真彩色、 256色 、 16色
四、调色板：
调色板是指在设计图标的时候系统可以使用的颜色，windows xp中所用的调色板如下：
颜色右边的数字是构成该色所用的RGB三个单色的分量。分量的最小值是0。最大值是255。
需要注意的是：在专用的设计环境中，例如photoshop等，可供使用的颜色数目很多，但设计好的图标却是用在windows环境中的，该环境所支持的颜色数目比photoshop要少，有时甚至只有很少几种。所以，选取的颜色一定要在将来运行的调色板之内，否则，将影响显示效果。
五、对象分组以及透视关系：
设计的图标中，虽然可用各种各样的图形对象，但综合起来，大致可分两类：有模拟实物的，例如表示文档可以用一页纸张，表示电脑可以用电脑主机、表示搜索查找使用放大镜等，有的则是会意的符号和或文字，例如感叹号常常用来表示警告或提示等。
上图中，最左边表示图像文档，中间以放大镜表示“搜索”图标，右边是“个人偏爱设置”图标。
如果分析图标的透视关系，可以参考下面的方法，在图标设计的过程中加上网格，利用网格作为参照，就可以很准确地处理景物的透视关系。就像下图所示
由于网格线可以由设计者添加和消除，从这点上看，要比传统的纸面绘画的透视关系好掌握。
有些图标的设计可以考虑使用部分重叠的方案，图形对象多，会意将变得更加形象，更便于理解含义。例如，下面三个图标的含义是：（自左至右）添加或删除程序、图片打印、新近建立的文档。你仔细想想，有这么个意思没有？
但同一个图标中，不能用太多的物体来表示会意，采用的物体最好在三个一下。
采用物体重叠也需要注意彼此之间的透视关系。
体现透视关系的另一个手段是使用阴影，你仔细对比下面两个图标，就会发现右边的那个加上阴影之后，显示效果是不一样的。加入阴影的方法：
1.将左边的图标放置在Photoshop中。
2.在Photoshop中，选择“阴影”，角度取135度，距离取2。大小也取2。
3.阴影用75％的不透明的黑色。
六、勾勒图标轮廓与含义选择：
设计初期，最好用铅笔来勾勒出图标的轮廓线，下面的例子，是My Pictures的图标轮廓。
在设计图标的时候，虽然可用素材很多，但也要遵循一些共同的原则：
(1.)尽量恪守用户已经熟悉或习惯了的概念，保持图标含义的前后连贯和一致。
(2.)考虑同一含义的图标在系统的不同位置保持一致。
(3.)注意避免采用的图形内容与用户文化观念上的冲突，并且尽量不采用字母、单词，尤其是非通用文字的字母和单词更不宜采用。另外，还要尽量不使用人脸、人手作为图标的素材，如果必须用，也要用那些非特定的。
(4.)在同一个图标中，画面中相互关联的物体应控制在三个以下，如果过多，将显得拥挤，或尺寸比例不好处理。物体与物体之间要错开一定距离。
(5.)注意不要在自己设计的图标中插入微软的图标或敏感的商标，这可能会引起版权纠纷。其原因大家都清楚。
下面是windows xp中提供的共用图标，其含义多数用户已经习惯，和老图标相比，采用的图形对象变化不大，但美观程度大大增加。
罗列在下面的是windows xp中工具条上使用的图标。
七、几个实际制作例子：
推荐采用的制作工具：
微软推荐的图标制作工具是：FreeHand 和 Adobe Illustrator.具体制作过程如下：
1.先建立图标的轮廓图形。FreeHand适合用来建立所谓矢量图形，即调用划线函数来划线形成图像。建立的图标应符合上面介绍的标准：即同一内容的图标至少建立尺寸不同的三个图标，以备在不同的场合下使用。
2.着色、加阴影等加工过程应在Photoshop中完成，可以利用拷贝粘贴命令，将矢量图形粘贴在Photoshop中。这个截图是粘贴命令对话框。
例一、建立24－Bit的图标：
1.将原来在FreeHand中建立的图标粘贴到Photoshop中，这个过程中要注意必须将三个尺寸不同的图标都粘贴过来，尤其注意尺寸最小的图标（16 × 16），清晰程度必须符合要求，如果不行，请重新用FreeHand绘制，并重新粘贴过来。
2.加入阴影，这个操作前面已经述及，这里不再重复介绍，只给出选择参数时，所使用的对话框。
3.将图形与阴影进行合成：
这需要先建立一个空白层，然后选择“合并可见”，具体操作菜单如下：
4.尽力新的photoshop文件，将每个尺寸的图标单独建立一个文件，如果认为不满意，可以重复上述过程返工重来。
5.将建立的文件文件保存为扩展名为.psd的文件。
例二、建立8 Bit的图标：
8 Bit的图标将可以显示在比32 Bit模式更低的那些模式之下，建立这样的图标，可以使用上面介绍的方法，只是将颜色数目加以限制。也可以以24 Bit的图标为基础，在此基础上将其“改造”为8 Bit的图标。不论用那种方法，都要遇到一个很现实的问题：显示模式一更改，图形将显示出粗糙的边缘，出现明显的锯齿状折线，下面的操作过程，将可以相对减少这种影响：
1.在photoshop环境中，双击原来建立的24 bit的图像层标签，然后将其更名为8 bit的图像层。
2.再建立一个新的空白层，并以某种深的颜色（例如蓝色）来填充该层。
3.将新建立的并填充好颜色的层与8 Bit的层进行合并操作。
4.进行边缘修饰，减少锯齿折线。主要的方法是以纯粹的背景颜色来“平滑”那些边缘上的锯齿。
下图是以上四个步骤的示意图。
5.检查图形的背景光，并进行修饰。
6.对于三种尺寸的图标：48 × 48, 32 × 32, 和 16 × 16，分别建立各自的photoshop文件，可用拷贝和粘贴这些图标之后建立文件。
7.刷涂图像背景颜色，这就需要在上面介绍的调色板中来选取合适的颜色，一般说，选择颜色的原则是：尽量用原图像中没有用过的颜色，例如“洋红色”，就像下面图形中的背景颜色那样。
建立洋红色的背景，操作步骤如下：
a．选择菜单：Image-Mode-Indexed Color 然后选定 Flatten Layers.
B. 在 Palette 的下拉菜单中，选择： Custom.在定制对话框中点击OK，然后，在选定颜色后。仍点击OK。
C.将结果保存为.psd文件。
D.另外两个尺寸的图标，也采用上述方法处理。
E.也将结果保存为.psd文件。
如果建立16色（4 Bit）的图标，可以以8 Bit的图标为基础，只是用的调色板不同，这种模式下只有16种颜色可供选择，
以洋红色为背景的16色的图标例子。
除此之外，所采用的方法和上面差别不大，这里就不重复叙述了，另外，由于这种模式的图标与早期windows中采用的图标一样，用老的方法也可以制作出来。
八、建立.ICO文件
完成的图标并不能直接在程序中使用，应用的时候必须将其编译到一个扩展名称为.ico的文件中，以建立32 Bit的图标文件为例，需要使用一个名字为GMG的工具，这个工具，可以从，Gamani 网站得到。
下面就介绍如何用这个工具来建立ico文件。这个过程属于比较典型的操作，对应的图标共有3种尺寸，每种尺寸还分为3种颜色模式。所以，总共需要建立的文件有9个，每种尺寸中的每种颜色模式都对应一个文件。也就是下面列出的这些：
48 × 48 24-bit
32 × 32 24-bit
16 × 16 24-bit
48 × 48 8-bit
32 × 32 8-bit
16 × 16 8-bit
48 × 48 4-bit
32 × 32 4-bit
16 × 16 4-bit
具体的操作过程为：
1．打开GMG工具，将每个图标文件用鼠标托拽到相应的窗口中，每个图标文件将对应地变成一个“框架”。若不使用鼠标托拽的方式，就需要利用菜单：File-Insert Frames。两者的作用是一样的。
3.当你进行这些托拽操作的时候，系统会显示出类似上边这样的对话框。里面需要进行层和透明度两个方面的设置（点击对应的检查框），这些检查框的含义是：
○。直接（混合地）显示多个层
○。不混合，每个层使用一个帧或框架。
○。保持背景透明。
4.每个图标的背景层都有一个方框，这些方框在逻辑上总是存在的，但就是不能在将来的图标中显示出来的，请选定这些背景帧的方框并按Del键将其删除，删除的只是线条。
5.现在，你有了九个图标，每三个为一组，分别对应不同的颜色模式，就像下图一样，从上到下，颜色模式依次为：4、8、24 Bit 。在GMG的环境中，将鼠标放置到某个图标上后，工具上面的提示框中会显示对应图标的属性，包括：尺寸、透明、颜色模式等等信息。
6.对于4 bit和8 bit的图标，也需要处理背景透明的问题，GMG一般用绿色来作为背景颜色，但这是能根据你自己的意图改变的，可以使用你自己喜好的颜色，也可以不动，而直接采用默认的背景颜色。更改的时候可以用菜单：View-Transparency As来实现。
7.具体操作为：
a.选定一个帧，鼠标点击工具箱中的Pick Transparency Color图标，将显示下面的对话框，即所谓透明工具：
b.用颜色滴管工具来改变图标中的背景颜色，例如都改用绿色，也可以用你自己喜爱的别的颜色作透明背景。
C.对于4 bit 的图标，也需要重复上述操作过程。
8.点击“File”，以扩展名ico保存这些结果
九、建立工具条的方法：
windows xp中的工具条中用的图标和刚才我们建立的图标基本是一样的，有两个最主要的区别：一是使用的图形不需要阴影修饰；二是尺寸有限制，必须为24 × 24和 16 × 16个像素点。另外，工具条中的图标也必须具备两种状态：默认状态和“热”状态。默认状态可以简单地理解为尚未进入使用的状态。“热”状态是指鼠标光标移动到相应图标上后，图标做出的响应，这种响应一般是加深图标颜色的饱和程度。
工具条中的图标由于面积很小，图标之间排列密集，所
