我的系统不一般，打造个性化XP图标（上）(转)[@more@]

　　Microsoft Windows XP 引入了一种新的图标设计样式。在下面的文章中，我们将讨论设计和创建Windows XP 样式图标的具体步骤。

　　

　　Windows XP 图标样式有趣、色彩丰富且充满活力，这是因为这些图标是32 位色的图标，边缘非常平滑。一般我们可以在矢量程序中绘制完每个图标后，再用 Adobe Photoshop 进行处理，使图像更加完美。

　　

　　基本流程：

　　

　　1.使用 FreeHand 或 Illustrator 绘制图标的矢量图像。

　　

　　2 .复制矢量图，并将其导入 Photoshop 中进行进一步处理。

　　

　　3 .用 Gif Movie Gear 创建 .ico 文件。

　　 　

　　 图 1：图标示例

　　

　　一、图标设计概述

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

　　

　　图标样式特性

　　

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

　　

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

　　

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

　　

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

　　

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

　　

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

　　

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

　　

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

　　

　　图标尺寸

　　

　　Windows 图标有四种尺寸：48 × 48、32 × 32、24 × 24 和 16 × 16 像素，建议使用这些标准尺寸。

　　 　

　　 图 2：常规图标尺寸

　　

　　

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

　　 　

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

　　

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

　　 　

　　 图 4：标准工具栏图标尺寸

　　

　　图标色彩深度支持

　　

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

　　

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

　　

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

　　

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

　　

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

　　 　

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

　　

　　调色板

　　

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

　　 　

　　 图 6：Windows XP 图标调色板

　　

　　对象的角度和分组

　　

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

　　 　

　　 图 7：Windows XP 图标透视

　　

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

　　

　　文档图标

　　

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

　　

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

　　 　

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

　　

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

　　 　

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

　　

　　投影

　　

　　使用投影后，Windows XP 图标将更清晰且更具立体感。可在Photoshop 中实现这种效果。

　　

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

　　 　

　　 图 10：为图标添加投影前后

　　

　　轮廓

　　

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

　　

　　二、创建图标的具体步骤

　　步骤 1：概念

　　

　　设计新图标时，建议先用纸笔将基本思路绘制出来。

　　

　　以下是 Windows XP “图片收藏”图标的初稿示例：

　　 　

　　 图 11：“图片收藏”图标初稿

　　

　　设计图标时，请考虑以下因素：

　　

　　使用已有概念以确保真实表达了用户的想法。

　　

　　考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。

　　

　　考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。

　　

　　如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16 × 16 的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。

　　

　　注意：在图标中使用 Windows 标志时，请遵守以下规定：

　　

　　为遵守商标及 Windows 品牌规则，除 Windows 的 Update 图标外，不要在图标中使用 Windows 标志。

　　

　　Windows 标志只能在 Microsoft? Windows? 操作系统所提供的图标中使用。

　　

　　Microsoft 品牌组应审查图标中 Windows 标志的使用情况。

　　

　　公用图标

　　 　

　　 图 12：Windows XP 的公用图标

　　

　　公用工具栏图标

　　

　　 图 13：Windows XP 的公用工具栏图标