艺网|中国艺术作品珍藏网|ArtHtml.com 首页 收藏本站 RSS频道 广告服务
中国艺术 传统设计 数码设计 摄影艺术 影音娱乐 时装魅影 人物 新闻 互动 边缘链接
书法 绘画 民间
服饰 戏曲 其它
印刷 插画
工业 街头
CG UI
网页 VI
人像 人体 婚纱 都市
景物 纪实 微距 其它
电影 音乐
杂志 明星
T台 内衣
大师 品牌
高端对话
艺术大师
展会活动
道听途说
艺网论坛
杂 货 铺
家居艺术 网站建设
设计导航 网易学院
艺网首页 -> 数码设计-> UI设计 -> 图标设计规范
·火影忍者 ·好听的歌 ·火星文 ·QQ头像 ·天天基金网 ·价值投资 ·歌曲 ·音乐下载 ·火影忍者漫画 ·PSP ·游戏网 ·繁体字转换器

图标设计规范

页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭


数位设计引入了一种新的图标设计样式。以下是设计和创建样式图标的具体规范。
图标样式应该有趣、色彩丰富且充满活力,因为现在的系统支持图标是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,并确认未选中取消锯齿。


页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭
免责声明:本站刊载此文仅为提供更多信息,不代表同意其说法,也不构成任何建议。有任何异议,请联络:ArtHtml@126.com

版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

 相关链接
 ·从开始到现在-对话ChinaUI郝晓伟 [04-09 21:42]
 ·视觉剑客——乡村树印象 [03-09 15:26]
 ·如何写“完”UI设计说明书 [02-22 19:47]
 ·微型界面的制作--photoshop [02-15 21:38]
 ·关于网站制作规范的探讨 [02-12 11:36]

 网友评论

您的姓名: 匿名发送
电子邮件:
评论内容:
不能超过100个字符
   
  所有留言只代表网友个人观点,不代表本站观点。
请各位遵纪守法并注意语言文明。

 网友评分: ★☆☆☆☆  ★★☆☆☆   ★★★☆☆  ★★★★☆  ★★★★★  

 
新闻搜索
关 键 词:
搜索范围:
全站精华
图文精彩
转机 放生 黄玫瑰 想太多 那滋味 擦肩而过 放手去爱 北京欢迎你 依然在一起 吻得太逼真 感动天感动地 坐上火车去拉萨 怎么会狠心伤害我
心碎 冲动 小太阳 别碰我 蒲公英 类似爱情 只要不亏 一定要爱你 等爱的玫瑰 无情的温柔 北极星的眼泪 最后一次的温柔 亲爱的那不是爱情
光荣 火花 下雨天 日不落 樱花草 为你写诗 独家记忆 再见小时候 寂寞才说爱 忘不掉的伤 爱上你是个错 第三者的第三者 孤独的时候可以抱你
假如 城府 是非题 有缘人 舍不得 我的答铃 死而无憾 外滩十八号 越爱越难过 123木头人 和寂寞说分手 爱上你是我的错 爱情里没有谁对谁错
关于艺网 | 投放广告 | 联系我们 | 网站地图 | 版权声明 | 发现好站 | 友情链接 | 网友留言
设计开发:艺网互联 站长:木子李 艺术顾问:乡村树 陕ICP备05000441号
E-mail:ArtHtml at 126.com | QQ:64256534 | Tel:86-29-8826 2866
Copyright © 2004-2006 ArtHtmlTM. All rights reserved.