网站icon设计常犯的10个错误

在设计的上，往往尺寸愈小，难度愈高。过去，在Pixel Style盛行时，耗时数十个钟头来点几张网站用pixel图，实在是非常司空见惯的事。然而，随着网络带宽、屏幕解析的进步，Web Designer在绝大多数的设计工作上，都不再需要强求pixel by pixel地算计，唯独网站icon（小图示）设计除外。因此我们总结了一下10个网站icon设计常犯的错误：

（1）图示之间缺乏区别差异

网站icon设计首重差异传达，尤其在小尺寸的图标设计，各别图标间的差异呈现，往往足以决定设计的成败。

（2）使用过多视觉元素

网站icon设计应该力求简洁、一目了然。

（3）使用不必要的视觉元素

网站icon设计应该努力聚焦于单一功能或服务的核心意义，不必要的元素反而有妨碍视觉传达的可能。

（4）缺乏风格一致性

风格一致性将暗示使用者：这一系列的网站icon分别代表了同一服务的多样功能，这种辨识上的成功，也将强化产品服务的效率。

（5）在小图示里使用不必要的透视与阴影

在网站icon设计上，应该以最小尺寸（16×16 pixel）最终输出效果为主要参考，任何视觉风格或效果，如果在小尺寸网站icon里严重失真，就不该采用。

（6）扭曲既有视觉认知

网站icon设计应该讲究直觉概观，因此，在应用既有网站icon组件时，应该要避免扭曲一般使用者的既有认知，以免形成误导或含意指涉不清。

（7）使用文化地域特征明显的视觉元素

网站icon设计应该取视觉辨识的最大交集，文化或地域特征太明显的视觉元素，往往会因为文化、地域的不同而招致使用者的误解。

（8）使用实际操作接口或风格

苹果计算机Mac OSX的图标设计指南提到避免在网站icon设计时使用Aqua元素，主要是在避免使用者产生混淆。

（9）在小图标里使用文字

通常应用软件较容易犯这种错，原意是想取其文字说明性的优势，但在网站icon设计时，受限于尺寸，使用文字的图标往往在辨识度与易读性都明显不足。

（10）失真

网站网站icon的失真错误，主要发生在向量与位图形的转换。举例来说，如果你以Illustrator这套向量软件制作网站icon，则向量软件贯有的防锯齿特质，反而会使得最终输出的点阵格式网站icon变得模糊失真。