建站WHY系列:为何你网站上图标越来越多?
图标的作用
图标本质上就是图形,最简单的图标就是几何图形。在设计领域,图标有如下三个作用:
一是替代的作用。用图标替代语言和文字,此类图标是具有一定传播度和舒适度的图标,它们很容易与文字对应起来。例如,我们看到公厕门口的小人,就知道这是厕所。甚至不用写上“男女”的文字。
二是指示作用。其具有指示方向、方位、地理位置的作用。包括箭头等图标,都具有这一作用。
三是间隔的作用。例如,我们在文章中常常出现的间隔线,起到了切割整体的作用。此类图标的出现,可以缓解阅读大量文字产生的视觉疲劳。
四是吸引研究的作用。图标容易被着色,相较于文字而言,给图标加上合理的颜色,图标可以吸引用户的注意力。
网站为何要使用图标?
最初的网站设计,图标很少,甚至只有一个LOGO可以算作是图标。即便使用图标,也会使用常用的数量有限的几种图标。但是,现在,大量的网站开始使用图标,这是为什么呢?
我们分析有如下几个原因:
首先,受到手机系统设计的影响。在PC时代,例如,视窗系统,大量使用了文字而不是图标。但是无论是IOS系统还是安卓系统,都是使用了大量的图标进行组织。网站设计也受此影响,开始加入大量的图标。
其次,受到移动优先的影响。响应式网站实际上就是移动优先,面对手机较小的屏幕,只能减少文字而增加图标,用图标代替文字。例如,单纯的PC网站想要用户回到顶部,会增加一个“回到顶部”的按钮,但是响应式网站可能只安装一个“置顶”的图标。
最后,也受到潮流文化的影响。简洁文化、极简生活,已经成为一种潮流,图标比文字显然更为简洁,设计业界也追随了这一趋势。
图标在网站设计中的应用
一是让页面更有设计感使用图标。例如重要的文字说明,会搭配图标使用。这会给用户更强的科技感和设计感。
二是直接用图标进行代替。例如,网站上“挂”的售后服务,可能只有图标,如企鹅图标表示QQ客服、电话图标表示打电话、二维码图标表示企业公众号。
三是用图标进行方向和操作案例。比如,企业网站中的一篇文章,在手机中可能只会呈现一部分,然后下面有一个“继续阅读”的箭头图标。这样的设计,可以给予用户更多的选择权,并且页面看起来也更为干净。
网站设计中图标使用误区
我们也发现,一些网页设计者,存在图标滥用、错用、不正当使用的问题。主要体现在如下几个方面。
一个方面是图标过度使用。一些本来不需要使用、没必要使用图标的地方,使用了图标。导致网站图标数量过多,然而给人以零碎的感觉。
另一个方面是图标模糊使用。例如,使用不常见的、意思传达不准确的图标,加之没有精炼的文字说明,导致用户存在误操作。
综上,图标在网站设计中应用,虽然是一个趋势,但是也要合理使用、正确使用。