仿站

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

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

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

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

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

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

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