如何给企业网站设计图标？

打开手机，桌面上都是图标。打开电脑，桌面上同样有很多图标。但是，在很长时间里，网站其实没有很多的图标，有的网站甚至只有一个LOGO。但是，逐渐网站上的图标越来越多了。

 

网站为什么需要图标？

一个企业官网上，为何需要图标呢？我们认为有三个原因。

其一，响应式网站的出现。需要在较小的手机屏幕上呈现网站，就需要减少网站的信息量。而图形传达的信息量要超过文字，当占据的版面相同的时候。所以，响应式网站的图标要多一些。

其二，受到手机系统的影响。无论是安卓还是苹果系统，都是以“图标”作为入口的，图标是重要的识别方式。所以，自从智能手机出现之后，网站的图标开始增多。

其三，受到APP设计的影响。一些公司需要APP、网站、小程序等端口设计保持一致，所以，网站的图标数量也就增多了。

网站图标数量统计

我们发现，不同类型的网站，图标数量是存在巨大的差别的。我们对企业网站图标数量多少排列如下：

图标数量最多：商城类网站。通常来说，购物网站的图标数量比较多。我们分析认为，这其中有两个原因。其一是简单的图标，可以引发购物的欲望；其二是模仿原因。一些一线电商平台，都采用图标设计，而不是文字说明。

图片数量次多：企业官网。企业官网的导航、产品详情页、交互等方面，也会使用图标。

图片数量较少：资讯类网站。我们发现，新闻类网站、资讯网站，图标数量较少。

网站图标设计原则

网站图标设计其实属于“UI设计范畴”。而UI设计分为三个层次，一是拟物，简单来说就是“能看明白”，看到了图标，明白是什么意思；二是协调统一，不同图标其风格、颜色、背景、明暗的统一；三是情感传递，通过交互，能够产生较好的用户体验。

基于如上分析，我们来看看网站图标应该如何设计？

第一，能看懂。即，图标可以准确传达内容。做到这一点并不容易。以目前流行的“拟物化”图标设计为例，如果我们为“直播”设计图标，可以设计成一个摄像机或者电视的轮廓，这样用户基本能够看得懂，但是如果设计成为“一个眼睛”的轮廓，则传达的意思就比较模糊。

第二，要进化。图标需要根据消费趋势和用户群体进行变化。以电视图标为例，很多网站的电视图标是老式电视，但是对于完全没有见过老式电视的00后来说，可能会让其产生困惑。此时，就需要对图标进行更新和重新设计。

第三，要统一。如果是多个图标，图标的高光、背景、形态、风格要进行协调和统一，避免差异性太大导致的突兀。

第四，可说明。图标+文字说明，可以更清楚地阐释想要表达的内容，不能过于追求“极简风格”，而让用户看不明白。