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

网站为什么需要图标？

一个企业官网上，为何需要图标呢？我们认为有三个原因。
其一，响应式网站的出现。需要在较小的手机屏幕上呈现网站，就需要减少网站的信息量。而图形传达的信息量要超过文字，当占据的版面相同的时候。所以，响应式网站的图标要多一些。
其二，受到手机系统的影响。无论是安卓还是苹果系统，都是以“图标”作为入口的，图标是重要的识别方式。所以，自从智能手机出现之后，网站的图标开始增多。
其三，受到APP设计的影□□□□响。一些公司△需要APP、网站、小程序等□□□端口设计▽保持一致，所以，网站的图□□□标数量也□□□□就增多了。

网站图标数量统计

我们发现，不同类型□□□的网站，图标数量□□□□是存在巨□□□大的差别□□□□的。我们对企◆业网站图□□□□标数量多□□□少排列如△下：
图标数量□□□最多：商城类网△站。通常来说，购物网站□□的图标数□□□量比较多。我们分析•认为，这其中有□□两个原因。其一是简□□□单的图标，可以引发○购物的欲□□□望；其二是模□□□仿原因。一些一线□□□电商平台，都采用图□□□标设计，而不是文□□□□字说明。
图片数量□□次多：企业官网。企业官网□□的导航、产品详情▲页、交互等方□□□□面，也会使用□□□□图标。
图片数量□□□较少：资讯类网□□□□站。我们发现，新闻类网□□□□站、资讯网站，图标数量□□较少。

网站图标设计原则

网站图标□□□设计其实□□□属于“UI设计范畴”。而UI设计分为□□三个层次，一是拟物，简单来说□□□□就是“能看明白”，看到了图□□□□标，明白是什□□么意思；二是协调□□统一，不同图标□□其风格、颜色、背景、明暗的统□□□□一；三是情感□□□□传递，通过交互，能够产生□□较好的用□□□□户体验。
基于如上分析，我们来看看网站图标应该如何设计？
第一，能看懂。即，图标可以◆准确传达□□内容。做到这一□□点并不容□□□□易。以目前流□□□行的“拟物化”图标设计□□为例，如果我们♦为“直播”设计图标，可以设计□□成一个摄◤像机或者●电视的轮□□□□廓，这样用户□□□□基本能够□□□看得懂，但是如果□□□□设计成为“一个眼睛”的轮廓，则传达的✦意思就比◥较模糊。
第二，要进化。图标需要◥根据消费□□□□趋势和用□□户群体进□□□行变化。以电视图□□□标为例，很多网站□□□□的电视图□□□标是老式□□电视，但是对于※完全没有□□□见过老式□□□□电视的00后来说，可能会让□□□□其产生困□□□□惑。此时，就需要对□□□图标进行◈更新和重□□□□新设计。
第三，要统一。如果是多□□□个图标，图标的高□□□□光、背景、形态、风格要进□□行协调和□□□统一，避免差异✦性太大导▼致的突兀。
第四，可说明。图标+文字说明，可以更清□□□楚地阐释□□□□想要表达□□□的内容，不能过于□□□□追求“极简风格”，而让用户□□□□看不明白。