品牌创意企业推荐 推荐: 网站建设 北京网站建设 
 
搜索 竞赛 产业 文案 论吧 论坛 酷站 矢量库 图片库 设计网址 作品集> 注册 - 登陆
首 页设计资讯大赛征集平面设计UI设计CG/动画工业设计建筑环境数码影像教程区设计访谈 精品欣赏会员作品集
>> 行业资讯设计竞赛网页设计软件界面ICON设计桌面设计设计资源精品欣赏设计教程
推荐:经典素材资源
滚动新闻:[6-10]融于意,形于展!---52design作品集、设计师网上联展!
当前位置: 首页 >> UI设计 >> ICON设计 >>正文
界面设计之图标设计规范
资讯/教程/作品在线投稿  - 进入素材基地 - 论坛讨论 - 查看更多相关内容
时 间:2007-11-21 9:42:35   作者:Digital Desi   来 源:   浏览:

按此在新窗口浏览图片

       图标样式应该有趣、色彩丰富且充满活力,因为现在的系统支持图标是32位图标,并且边缘非常平滑。在矢量程序中绘制完每个图标后,再用Adobe Photoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时,建议您与高水平的图形设计者一起工作,尤其是具有丰富的矢量和3D软件经验的图形设计者。 

  图标设计概述的目的是让您熟悉WindowsXP的新样式,为创建图标做好准备。 

  图标样式特性

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

  图标尺寸

  Windows XP图标有四种尺寸,建议使用以下四种尺寸:
  (1) 48×48像素
  (2) 32×32像素
  (3) 24×24像素
  (4) 16×16像素 

  图标色彩深度支持

  WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑,且与背景相融合。
  每个WindowsXP图标应包含以下三种色彩深度,以支持不同的显示器显示设置:
  24位图像加上8位alpha通道(32位)
  8位图像(256色),加上1位透明色
  4位图像(16色),加上1位透明色 

  调色板

  图标中使用的主要颜色。 

  对象的角度和分组

  WindowsXP样式图标使用的透视网格:并非所有对象使用16×16的复杂图像都能获得较好效果。某些对象通常以直观图像显示:文档图标、符号图标(如警告或信息图标)、单一对象图标(如放大镜) 

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

  投影

  使用投影后,WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果,本指南的后面部分将对此进行描述。若要为图像添加投影,请在 Photoshop中双击图像的图层,并选择Drop Shadow。然后将Angle更改为135,Distance更改为 2,Size更改为2。此时投影为75%不透明黑色。 

  轮廓

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

  概念

  设计图标时,请考虑以下因素:
  使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现,以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时,请尽可能使其大众化。如果图标中的图像由多个对象组成,应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小,还可考虑删除某些对象或简化图像使之更容易辨认。 

  透明工具

  将Gif Movie Gear(GMG)打开一个对话框,其中显示您的图标。使用吸管工具单击图标的背景色。此颜色将更改为暗黄绿色(或在 GMG中选作透明背景色的颜色)。重复所有4位和8位帧。若要保存图标,请选择 File->Save Icon As...。 

  创建工具栏

  Windows工具栏图标除不使用投影之外,使用的样式与其它图标相同。由于工具栏图标非常小,建议您使用简单的图像。如果以直观方式显示图像即可清晰地表达图标的含义,则不必使用其它复杂方式。 

  创建AVI

  WindowsXP使用8位AVI。创建.avi文件的过程与创建图标的过程相同-在Photoshop中准备图像,然后将其拖动到GMG 中。请按以下指导创建8位图标。若要使用GMG保存AVI,请转至File->Export As->AVI file。

      创建.avi文件时,请考虑以下因素:使用品红(R255 G0 B255)作为背景透明色。在Photoshop中,重要的一点是不要出现杂散像素。请将填充能力设置为0,并确认未选中取消锯齿。


本文链接:


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

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

经典设计欣赏 设计关键字:VI 新锐 包装 装帧 海报 地产广告 画册 名片 标志 软件界面 ICO 网页
简洁的家纺画册欣赏
简洁的家纺画册欣
Kikibarbie女孩插画
Kikibarb
bellinni 海报欣赏
bellinni
学雅方邻形象设计
学雅方邻形象设计
六合宴应用vi欣赏
六合宴应用vi欣
美味好汤在Knorr康宝
美味好汤在Kno
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
当日文章推荐 查看更多相关内容
Photoshop| 用Photoshop打造唯美色调婚纱 [11-21]理论文献| 平面文字的设计原则及组合 [11-21]
画册设计| 简洁的家纺画册欣赏 [11-20]平面资讯| 首届中国电视与企业创意大赛正式启动 [11-20]
其他赛事 | 30万重金兑现创意精英>30 [11-20]新锐设计| bellinni 海报欣赏 [11-19]
VI设计| 六合宴应用vi欣赏 [11-19]标志设计| 医疗卫生健康机构LOGO欣赏二 [11-19]
插画艺术| Kirk Quilaquil 插画欣 [11-19]网页设计| 创意才是网站的终极目的 [11-19]
互联网动态| 谷歌搜索页面存在误导性 在澳大利亚被 [11-19]画册设计| “水墨世界”图书版面设计 [11-15]
会员作品集推荐 查看更多推荐会员作品
平面作品 | 插画作品 | 网页作品 | 包装作品 | 软件UI | 室内设计 | 数码摄影作品 | 建筑环境 | 工业设计 | 其他
房产画册房产画册包装叫聆
健身食品Q版佐罗之披风篇新作~评童年-《大众软件》封底华灯

数据载入中...
视觉焦点
优秀作品在线投稿
·
简洁的家纺画册欣赏
简洁的家纺画
bellinni 海报欣赏
bellin
六合宴应用vi欣赏
六合宴应用v
医疗卫生健康机构LOGO欣赏二
医疗卫生健康

站点新入
用Photoshop打造唯美色调婚纱照片特殊效果
用Photo
护肤有道:用PS给新疆MM美容
护肤有道:用
展区
·翰海博网诚聘资深网页设计师 (2-29止)
·招聘全职美工 (8-30止)
·儒林设计工作室_招聘 (6-30止)
·WEB/GUI界面设计师 (1-10止)
·高薪诚聘网页美工 (1-28止)
·招聘资深平面设计师 (1-31止)
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:hpfmall
网站地址:http://www.hpfmall.com/
加入时间:2008-9-5 11:23:47
网站名称:themeforest
网站地址:http://themeforest.net/
加入时间:2008-9-5 11:12:59
网站名称:captiva.chevrolet
网站地址:http://captiva.chevrolet.com.cn/freedom/
加入时间:2008-9-5 11:12:28
网站名称:albumcreative
网站地址:http://www.albumcreative.com/
加入时间:2008-9-5 11:12:00
网站名称:p1w1max
网站地址:http://www.p1w1max.com/
加入时间:2008-9-5 11:07:04
网站名称:pixel-mix
网站地址:http://pixel-mix.sinacool.com/
加入时间:2008-9-5 11:06:04
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿