图标设计概述

本文的目的是让您熟悉 Windows XP 的新样式，为创建图标做好准备。

图标样式特性

色彩丰富，是对 Windows XP 外观的补充。 

不同的角度和透视特性为图像增添了动态活力。 

元素的边角十分柔和，并略微有些圆滑。 

光源位于图标的左上角，同时有环绕光照亮图标的其它部分。 

渐变效果使图标具有立体感，进而使图标的外观更加丰满。 

投影使图标更具对比度和立体感。 

添加轮廓可使图像更清晰。 

日常对象（如计算机和设备）具有更现代化的个人外观。 

图标尺寸

Windows 图标有四种尺寸 — 48 × 48、32 × 32、24 × 24 和 16 × 16 像素。

建议使用以下三种尺寸：

·48 × 48 像素 

·32 × 32 像素 

·16 × 16 像素 



常规图标尺寸

“开始”菜单右侧的图标显示为 24 × 24 像素大小。该尺寸不需要由用户提供。



“开始”菜单中的 24 × 24 像素大小

对于正在创建的工具栏图标，Windows 标准尺寸为 24 × 24 和 16 × 16 像素。



标准工具栏图标尺寸

图标色彩深度支持

Windows XP 支持 32 位图标。32 位图标为 24 位图像加上 8 位 alpha 通道。使图标边缘非常平滑，且与背景相融合。

每个 Windows XP 图标应包含以下三种色彩深度，以支持不同的显示器显示设置：

·24 位图像加上 8 位 alpha 通道（32 位） 

·8 位图像（256 色），加上 1 位透明色 

·4 位图像（16 色），加上 1 位透明色 



32 位、8 位和 4 位的“图片收藏”图标

调色板

以下颜色是图标中使用的主要颜色：



Windows XP 图标调色板

对象的角度和分组

以下是 Windows XP 样式图标使用的透视网格：



Windows XP 图标透视

并非所有对象使用 16 × 16 的复杂图像都能获得较好效果。以下对象通常以直观图像显示：

·文档图标 

·符号图标（如警告或信息图标） 

·单一对象图标（如放大镜） 



直观图标示例（.Jpg 文档、搜索和收藏夹图标）

除非创建重叠辅助对象可以更清楚地表达图标的含义，否则就可读性和完整性而言，还是应使用直观图像。还应考虑如何按组查看图标，以便确定如何将对象分组。



重叠示例（添加或删除程序、打印图片及最近的文档）

投影

使用投影后，Windows XP 图标将更清晰且更具立体感。可在 Photoshop 中实现这种效果，本指南的后面部分将对此进行描述。

若要为图像添加投影，请在 Photoshop 中双击图像的图层，并选择 Drop Shadow。然后将 Angle 更改为 135，Distance 更改为 2，Size 更改为 2。此时投影为 75% 不透明黑色。



为图标添加投影前后

轮廓

绘制 XP 样式图标时，为图像添加轮廓可使之更清晰，并可保证图像在不同背景色上都具有较好效果。