支持和提示信息---图标代替了文字。使用图标能代替了写出来的麻烦，使用图标也能支持文字和信息。图标成为了支持文字注释一种非常好的方法。并且成为优秀网站一种魅力。

应用在标题和页眉上---图标的使用引起用户的注意，这是一个重要的原理，图标也是很普遍地应用在标题和页眉上。很直观地把用户的眼球带到文字的开头。

以下是一个图标应用在文字开头的好例子。

最优方法：

尽可能地做高质量的图标---随着可用性的发展，质量是一个网页设计重要的特性之一。

质量带来了细节---包括精彩的细节就如阴影、反射和发光。这些小细节大有帮助，特别在制作图标立体感和整体感时候。

保持图标外形简洁流畅---做图标时不宜做得过于复杂。这是当然的。我说细节是好，不过要懂得去权衡“细节”和“复杂”之间的关系。基本形状和元素的外轮廓尽量精练，做出容易识别的图标而不是由上至下都包裹着细节。

我现在提及一下我制作图标的过程，用简单的外形来做图标，是图标设计的关键。开始制作的时候配合外轮廓，接着润色，最后用光影来做出写实立体的图标。

瞟一眼下面的图标，你会发觉这些都是一些基本的简单的外形，但有一些效果后增添了它的立体感。

透视---透视完全依靠工作平台和网站本身的图标类型。首先，在网页设计里，其实非常容易控制透视的一致，透视把这些图标统一在同一个空间里，看起来是放在一起的。

绝大多数情况下，你会想用简单直接的透视角度。不会太过于倾斜。如果你想有倾斜的效果，通常会用垂直倾斜，向上或者向下。留意一下图标的边缘是否会太复杂，简洁而有力才是关键呢。

网站里的元素，应保持光源的统一---统一协调是可用性里重要的一项。这同样可以应用在设计图标上，所有的图标应该保持光影的一致，也要保证在网站里同样协调。

强而有力地一字排开---整齐地一字排开，使图标看起来更加宽松，更加清晰。

图标所传递的网站风格和标志---显然地，一致是非常重要的，一个网页设计里多处协调和响应就是风格。在整个网站里应该贯穿一个风格。标志的风格（也就是写实、艳丽、明亮）应该和网站的图标一样。

引人注意的颜色---简洁的颜色是一个设计方向，但你的目标是让它们更容易被人注意到。图标中一个主要功能是让一个元素引起用户的注意。因此，你应该用显眼的颜色来吸引用户，同样地，用色方面都应该注意和背景色拉开对比和运用对比色。

这些大图标是颜色艳丽，在黑色的背景上显得特别好看，这肯定能吸引住用户的眼球的。

矢量格式---我能够确定你到处都见过的，矢量格式可以让图标放大缩小，这是很重要的，特别对于网页设计，因为很多时候你会想这图标在网站里太小了。

对于设计师的你，矢量格式是非常方便，很多时候，当你准备做一个图标，你不想把它固定在一个尺寸里，如果你使用矢量格式，你可以随心所欲地改变图标大小，而且放大后不会失真，再也不用担心要重制图标。

描边---如果你的图标所处在一个浅色的背景，用黑色描边，这种做法使图标显得额外流行。展示以下是一些出色的图标应用的例子。

出处：maxdison兜
责任编辑：moby

上一页 网页设计图标使用指南 [1] 下一页 网页设计图标使用指南 [3]