企盟仿站网承接各CMS仿站业务,诚邀您的合作!企盟

仿站

网为你提供:DEDECMS仿站WORDPRESS仿站网站改版、网站兼容等服务,欢迎您的访问!

历经12年风雨兼程,企盟仿站网与25家网络公司合作为3200余客户提供了优质的服务,设计DEDECMS模板、WORDPRESS模板、DESTOON模板等约3500余个,企盟仿站网感谢一路有你!

当前位置: 首页 > 网站制作 > 建站知识 > 详细内容

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

时间:2022-08-15

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

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

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

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

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

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

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

本文网址:http://www.chinafangzhan.com{dede:field name='arcurl'/}
本文由企盟 仿站 网发布( http://www.chinafangzhan.com ),如果您还想了解更多关于 网站仿制 的文章,请点击查看 仿站知识 的其它文章。
承接以下业务:传统网站改自适应网站、网站增加手机站、网站改全屏网站改大屏展示、GBK转UFT-8、DEDECMS转WORDPRESS、网站站群制作、企业网站设计、企业网站优化、网站托管等业务

标签:
相似内容
  

推荐资讯
热点标签

十二年专注于仿站建站,擅长DEDECMS仿站、WORDPRESS仿站、网站改版等业务! Copyright©2022 中国仿站网 All Rights Reserved

服务电话:
132-80692153

微信 13280692153