分享
 
 
 

我的系统不一般,打造个性化XP图标(上)

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

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 的公用工具栏图标

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有