求创意找品牌创意企业 推荐: 网站建设 北京网站建设 
 
搜索 竞赛 产业 文案 论吧 论坛 酷站 矢量库 图片库 设计网址 作品集> 注册 - 登陆
首 页设计资讯大赛征集平面设计UI设计CG/动画工业设计建筑环境数码影像教程区设计访谈 精品欣赏会员作品集
>> 行业资讯设计竞赛网页设计软件界面ICON设计桌面设计设计资源精品欣赏设计教程
推荐:经典素材资源
滚动新闻:[6-10]融于意,形于展!---52design作品集、设计师网上联展!
当前位置: 首页 >> UI设计 >> 软件界面 >>正文
创建 Windows XP 图标
资讯/教程/作品在线投稿  - 进入素材基地 - 论坛讨论 - XP
时 间:2004-8-25 10:28:51   作者:   来 源:Microsoft 用户体验组   浏览:
分页页码 1 2 3 4 5 6
摘要:本文探讨如何使用矢量程序(如 FreeHand 或 Illustrator)和 Photoshop 设计并创建 Windows XP 的彩色和动态图标。

目录

  • 简介
  • 图标设计概述
  • 步骤 1:概念
  • 步骤 2:绘制图像
  • 步骤 3:创建 24 位图像
  • 步骤 4:创建 8 位和 4 位图像
  • 步骤 5:创建 .ico 文件
  • 创建工具栏
  • 创建 AVI

简介

Microsoft? Windows? XP 引入了一种新的图标设计样式。在以下指南中,我们将讨论设计和创建 Windows XP 样式图标的具体步骤。

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

本指南是专为设计者编写的。在创建图像时,建议您与高水平的图形设计者一起工作,尤其是具有丰富的矢量和 3D 程序经验的图形设计者。

图 1:图标示例

图标设计概述

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

图标样式特性

  1. 色彩丰富,是对 Windows XP 外观的补充。
  2. 不同的角度和透视特性为图像增添了动态活力。
  3. 元素的边角十分柔和,并略微有些圆滑。
  4. 光源位于图标的左上角,同时有环绕光照亮图标的其它部分。
  5. 渐变效果使图标具有立体感,进而使图标的外观更加丰满。
  6. 投影使图标更具对比度和立体感。
  7. 添加轮廓可使图像更清晰。
  8. 日常对象(如计算机和设备)具有更现代化的个人外观。

图标尺寸

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

建议使用以下三种尺寸:

  • 48 × 48 像素
  • 32 × 32 像素
  • 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 的复杂图像都能获得较好效果。以下对象通常以直观图像显示:

  • 文档图标
  • 符号图标(如警告或信息图标)
  • 单一对象图标(如放大镜)


本文链接:


分页页码 1 2 3 4 5 6

52design素材资源库52design图片库52design酷站营

我爱设计网www.52design.com
(在线编辑:52design) 】【打印】【关闭】【设计论坛】【设计师作品集
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站地址,且不准打上各自站点的水印。

经典设计欣赏 设计关键字:VI 新锐 包装 装帧 海报 地产广告 画册 名片 标志 软件界面 ICO 网页
SPORTSLIST 平面广告
SPORTSLI
Puma 平面广告
Puma 平面广
Wataniya 平面广告欣赏
Wataniya
Penalty 平面广告
Penalty
HSBC平面广告
HSBC平面广告
Michaels Arts 平面广告
Michaels
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
当日文章推荐 查看更多相关内容
Dreamweaver| 用 Dreamweaver 4 制作 [8-20]HTML/CSS| 给网页文字加上即时提示 [8-20]
印前技术| 从印制谈降低图书成本 [8-20]CoreaDreaw| Excel表格导入Coreldraw [8-20]
Maya| 改变Sprites型粒子的方向 [8-20]Flash| Flash制作动漫中常用的眨眼效果动 [8-20]
Flash| Flash轻松实现五彩变换多边形鼠标 [8-20]3D MAX| 3D MAX教程:Loft建鼠标模型 [8-20]
Photoshop| Photoshop教程:打造月亮之下 [8-20]Photoshop| Photoshop教程:滤镜特效制作 [8-20]
理论文献| 网络时代图片银行的作用与摄影师的新课 [8-20]理论文献| 从艺术摄影到摄影的艺术 [8-20]
会员作品集推荐 查看更多推荐会员作品
平面作品 | 插画作品 | 网页作品 | 包装作品 | 软件UI | 室内设计 | 数码摄影作品 | 建筑环境 | 工业设计 | 其他
LogoIDEAL玩具汇森玩具群英会萃手术
老鼠动力阳光屋顶卡卡走-迷卡卡走-迷卡卡走-迷

数据载入中...
视觉焦点
优秀作品在线投稿
·
Michaels Arts 平面广告
Michae
生活境界楼书
生活境界楼书
港澳花园广告欣赏
港澳花园广告
茶包装欣赏
茶包装欣赏

站点新入
MAYA简单金属材质的制作
MAYA简单
Flash制作动漫中常用的眨眼效果动画
Flash制
展区
·翰海博网诚聘资深网页设计师 (2-29止)
·招聘全职美工 (8-30止)
·儒林设计工作室_招聘 (6-30止)
·WEB/GUI界面设计师 (1-10止)
·高薪诚聘网页美工 (1-28止)
·招聘资深平面设计师 (1-31止)
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:botaniquebvba
网站地址:http://www.botaniquebvba.be/
加入时间:2008-7-21 12:55:15
网站名称:freshfisheveryday
网站地址:http://www.freshfisheveryday.com/
加入时间:2008-7-21 12:54:37
网站名称:kastenstudio
网站地址:http://www.kastenstudio.be/
加入时间:2008-7-21 12:53:54
网站名称:bandinlunis
网站地址:http://www.bandinlunis.com/
加入时间:2008-7-21 12:52:49
网站名称:moofe
网站地址:http://www.moofe.com/
加入时间:2008-7-21 12:52:07
网站名称:mission-farbe
网站地址:http://mission-farbe.de/
加入时间:2008-7-19 15:02:58
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿