当前位置:网站首页 / 建站知识 / 网站设计知识

在网页图标设计上的功夫你下足了吗?

时间:2016-12-10 08:25来源:万诺达网络

无论是网页,还是手机网站,或者是APP,都存在着各种各样的小图标,这些图标既可以美化页面,又可以当不同的功能按键。优秀的图标要和整体页面保持视觉的统一风格,提高用户体验。那么我们如何在图标上下功夫?

1、一个页面的图标,有一整套,这一套图标都要保持整体的视觉统一性,也就是我们常常说的风格统一。如果其中某个图标设计的非常牛,而无法与其他图标形 成统一性,这个图标也不能使用,因为它不仅起不到锦上添花的作用,而且还可能会毁坏整体的视觉统一性。我们要给图标使用相同的颜色或者配色,或者是同色系 来设计。

2、图标除了风格统一性外,最主要的是让用户一眼就能识别出这个图标的含义,这个图标 有什么作用,也就是行动的明确性。例如我们看到放大镜图标,第一印象就是“搜索”功能;看到房子图标,第一印象就是“主页”功能;看到云和太阳,第一印象 就是“天气”功能……图标的首要任务是引导用户去他们需要去的地方,所以如果用户花了超过5秒时间来思考这个图标的含义,那么这个图标就是失败的。另外我 们在设计图标时,要尽量使用用户已经熟悉的图标,不要去设计什么其他的新图标,让用户无所适从。

3、图标要很清晰,要帮助用户毫不费力知晓他们要做什么才行。有时候某个用户看到某个没用过的图标,就不知道到底是什么含义,这时候我们可以在下面以文 本形式标注清楚含义及作用。因为用户对不熟悉的界面或者不熟悉的图标有不安全感,所以对于更多复杂且抽象的功能来说,图形化的表达具有局限性,所以他们应 该使用合适的文本标签来展示;而且文本标签应该始终保持可见,不应让用户进行任何交互才能看见。

4、图标一定要简单,我们可以发现过于复杂的图标让用户无法记忆。基本功能太花哨的图标可能会对用户体验产生负面影响,所以图标以简洁明了为主,要保持 图标的简单,现代,友好才行。因为图标很小,所以要保证图标在小尺寸下有非常好的可读性及清晰性,快速辨认,一目了然。

5、手机网站、APP上的图标都是直接用手来触控的,也我们要设计最佳触控体验的图标才行。以人的手指为图标大小的设计界面,触屏对象的推荐点击目标尺 寸大约是7-10mm。设计图标时,我们要考虑触控目标之间的有效间距,如果图标与图标之间太近,则会导致用户在触控时引起错误操作。特别是“保存”和 “取消”这两个功能的图标,这种具有相反功能的图标尤其如此。

最后,我们在设计网页图标时,还要进行图标的可识别性和可记忆性的测试才行,毕竟图标的可用性才是重中之重。我们可以在图标设计中使用这些技巧,来更好地完成工作。