设计和创建样式图标的具体规范

 更新时间:2017年7月6日 23:35  点击:2214

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

请注意:拥有域名不代表你就有了网站。

做之前要想一下,网站用来干什么?静态的还是动态的,自己至少要懂一点代码知识,不懂程序的话,也要对html多少了解一些。不然,我建议你还是到各大网站申请个Blog写日志算了:)

如果你:

1.做个简历降男⊥

世界上最有趣的职业是网站设计师,有人为自己的作品喊价5000美金,有人129美金就行,而很多人并看不出这两者的差别,我见过一个加拿大 Freelancer 设计师,他的网站上有个报价系统,你可以选择自己的预算范围,其中最小的一个选项是2500-5000美金,而在 Craigslist (www.craigslist.org)上,百把美金的网站设计师比比皆是。如果你读 Alistapart (www.alistapart.com),就会知道顶尖设计师整天都在想什么,他们简直是小题大做,为一些细微的东西较真,这世界上不乏追求完美的人,而完美并不存在,于是所有人都胡乱地做,网站是这样一种产品,它的消费者以为是高不可攀的东西,在设计者眼里可能视之如草芥,它的门槛如此之低,而真正的好作品又是如此之难。中国有130万网站,它们要么从来就没有更新过,要么包含了大量技术错误,要么压根无法在第二种浏览器中访问,要么被搜索引擎彻底抛弃,要么惨不忍睹,要么让人摸不着头脑,要么一攻即可破,要么过度设计得象爆发户,要么简陋得象草台班子。
  
  《完美企业网站的101项指标》是这样诞生的,大约在1999年始,我从事的职业相当于企业的 IT 咨询顾问之类,主要面向企业的 Web 应用与开发,先后参与开发了 COMSHARP E2RP 和 COMSHARP CMS (www.comsharp.com)两个产品,后者是一个网站内容管理系统,认为本帖是广告帖的读到这里可以选择离开,很多人仍然记得90年代末,2000年初的那段日子,那时 Netscape 还没有死,Firefox 还没有诞生,但 Opera 已经悄无声息地活着了,因为它太低调,人们使用 Javascrīpt 探测浏览器版本的时候甚至都没想到它。那个时代,为不同浏览器输出不同 HTML 代码很流行,微软的 DHTML 很激动人心,在网站上开 Javascrīpt 特效很酷,Java Applet 更酷,总之,人们在 Web 泡沫尚且丰富的那个时期,为 HTML 这个乡下丫头肆意地打扮,新技术层出不穷,而每个新技术人们都无不用其极。
  
  在先后从事这两个产品开发的空隙,一直到2007年,我都在从事 Web 易用性,安全,W3C标准以及 SEO 方面的研究,这方面的积累是101指标的基础,前面说过,完美是不存在的,所以我并不保证这101项指标本身是完美的,而且标准也在随时变化,从这个意义上说,完美企业网站只是一个目标,101指标分强制性指标和指导性指标,强制性指标一般针对易用性,安全,W3C标准以及SEO等方面,而指导性指标针对的是内容和设计。《完美企业网站的101项指标》现在是第二版,我会随时调整其中的条目推出更新版本。

  我们有一套严格的标准,包含101项指标,用来评测企业网站是否完美,COMSHARP CMS 建立在这套标准之上,这101项指标分为7个类别,它们是:

  • 内容
  • 易于使用
  • 设计
  • 安全
  • 性能
  • W3C标准
  • SEO

  我们把内容放在第一位,而把很多企业过分侧重的设计放在第三位,事实上,在一个企业网站中,内容代表整个站点80%的价值,这是 COMSHARP CMS 反复强调的东西。如果将上面的7个方面用于人,我们不妨这样理解一个完美的人:

  • 内容 (我有真才实学)
  • 易于使用 (容易沟通与相处)
  • 设计 (看上去也很棒)
  • 安全 (非常可靠)
  • 性能 (健康强壮)
  • W3C标准 (遵守规则)
  • SEO (被很多人关注)

一个网站无论做得如何完美,如果不将它推广开来,靠推广来提高它的访问量,那么,这个网站只能说是做给自己看的,它存在的意义就大为逊色了。可如何推广,如何提升自己网站的访问量,并且能够吸引客户的眼球,让他从今天的新客户变成明天的老客户?结合笔者自身经验,今天就从内部因素和外部因素两个方面来聊聊这个问题。

一、内部因素

首先,得有一个内容、版面、规划、设计都差不多的网页,这些东西作为你网站的门面,一定要注意主页的美工设计是否到位,整体的框架结构是否合理,页面上所用的图片是否与你主页的内容相配合,也就是说整体的搭配是否协调。

其次,注意网站的速度。堆放太多的Falsh是会影响速度的,试想,几分钟才打开一个页面的网站会有几个浏览者愿多呆一秒钟呢?时间就是金钱,就是效益,与其在这儿傻傻地等待一个页面,有这功夫,人家早都打开另外的几个站点了。显然,这时候你就已经失去了一个潜在的客户,当然你也失去了一个本来已经很不容易才得到的浏览量。所以,王靖提示大家,在你选择免费空间的时候,一定要选速度最快的。

此外,要使用静态页面[HTML]语言。使用静态页面[HTML],在源文件中加入与主页主题内容相关的关键词,这也是主页推广的好办法。当您的关键词与搜索引擎工作时用到的搜索词相匹配时,您的网址便成为了搜索结果之一。这样,就不愁他不来点击咱的站点的。呵呵,选择好的关键词这一项可是很重要的哦:))

最后要合理利用收藏夹。毫无疑问,被访问者收藏后,旧地重访的几率要远远大于那些人凭记忆来回想网址的访问者。所以,如何让你的网页添加到浏览者的收藏夹是个很值得你去花时间研究的问题。将网站做得不但出色还能吸引人,再借助一些java弹出窗口来提醒浏览者,及时添加收藏,相信这个办法给你的网站带来一定效果的。

二、外部因素

1.登记搜索引擎

想必这个方法是所有使用搜索引擎的网友都必须掌握的技能,登记搜索引擎的目的也就是为了更有效地进行网站推广。到新浪、搜狐、google、yahoo等一些大的搜索引擎网站去登记一下,只是填一些表格而已,虽是一个小举动,却会给你带来意想不到的效果哦。

2.走出去,主动宣传

把网址连同网站相关资料做成一个签名,或文字链接,或做成一个图片,在发送Email或者行走BBS时,放在发言的下面,既排除了乱发广告的嫌疑,还能起到宣传的作用,岂不是一举两得吗?

3.友情链接

通过友情链接来增加访问量也是目前推广网站的好方法,不论是文字还是LOGO链接,只要链得合理,也会带来一笔不小的流量。要注意的是,一定要找一些访问量较大的网站来做,最好要求对方在显眼的位置摆放,还要找与本网站内容相关或相近的网站进行链接,更有利于提高排名。这点可参照电子商务指南的友情链接www.111cn.net ^_^提醒一点,主页上放过多的LOGO链接会减慢你网站首页的打开速度,对此,可要适合而止。

4.与对方网站交换广告

这个就需要技巧了。当一个浏览者进到你的站点,首先就为你创造了一个访问量,如果恰巧他对你页面上的广告感兴趣,他就会选择点击,而这个点击又给你带来了一个浏览量。如此循环,你的访问量当然就会与日俱增了。另外,放置广告还能增加主页的内容,也可起到一个美化的作用,这就看你怎么去利用它了。

通过以上介绍,相信现在的你基本上已经心中有数了吧。将内因与外因结合使用,你的主页访问量必定会有所增加。需提醒一点的是,你网站的内容也要不断更新不断充实,最好定期美化一下,这样才能在稳定访问的基础上不断增加访问量。关于其他一些因素,则需要我们在实践中不断地摸索,好的方法别忘拿出来大家一起分享哦:))

我www.111cn.net的网站架起来有一段时间了,里面的文章有上万篇了,奇怪的是我有搜索引擎总是找不到我的网站,我查了原因,没想到,是我网站原创文章太少,所以我昨天写了一篇ajax+php用户注册功能的代码,发上去,没到第二就被google收集了,虽然给我带了的IP只有几个,但是让我太太的发现搜索引擎软件喜欢原创文章,

最后,各位站长如果想自己的网站被搜索引擎软件经常光顾的话,就多写一些原创文章吧.

[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • JavaScript动态创建div属性和样式示例代码

    1.创建div元素: Javascript代码 复制代码 代码如下: <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadiveleme...2013-10-13
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • idea 无法创建Scala class 选项的原因分析及解决办法汇总

    这篇文章主要介绍了idea 无法创建Scala class 选项的解决办法汇总,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-02
  • PS如何创建变形文字 ps给文字变形的方法

    PS怎么创建变形文字?ps中想要给输入的文字变形,该怎么调整文字的显示形态呢?下面我们就来看看ps给文字变形的方法,需要的朋友可以参考下 我们在图层上输入文字后,可以...2017-07-06
  • php创建无限级树型菜单

    写递归函数,可考虑缓存,定义一些静态变量来存上一次运行的结果,多程序运行效率很有帮助.。 大概步骤如下: step1:到数据库取数据,放到一个数组, step2:把数据转化为一个树型状的数组, step3:把这个树型状的数组转为html代码。...2015-11-08
  • 老生常谈javascript变量的命名规范和注释

    下面小编就为大家带来一篇老生常谈javascript变量的命名规范和注释。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-02
  • Drupal模块开发之创建自己的钩子

    Drupal可以让第三方模块创建自己的钩子。在通常的实践中,有两种类型的钩子你可能想要创建,一种是内容修改类的钩子,一种是拦截类的钩子。 Drupal的钩子系统允许和模...2016-11-25
  • 详解JS ES6编码规范

    本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点,可以让我们写出更优美的、可读性更强的JavaScript ES6风格的代码。...2021-05-08
  • c#实现51单片机频率计的代码分享(数字频率计设计)

    c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
  • 什么是cookie?js手动创建和存储cookie

    什么是cookie? cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 有关cookie的例子: 名字 cookie 当访...2014-05-31
  • 解析C#编程的通用结构和程序书写格式规范

    这篇文章主要介绍了C#编程的通用结构和程序书写格式规范,这里我们根据C#语言的开发方微软给出的约定来作为编写样式参照,需要的朋友可以参考下...2020-06-25