admin管理员组

文章数量:1535322

2024年5月27日发(作者：)

图标设计详解（一）——图标初识

编辑导读：图标一直是UI设计中很重要的部分，工作中我们经常需要思考怎么做出好

看、差异化的图标。图标为什么这么重要？图标怎么做的好看？怎么针对不同的产品做出

图标的差异性？本文作者对总结了自己对于图标的理解和思考，一起来看一下。

图标一直是UI设计中很重要的部分，工作中我们经常需要思考怎么做出好看、差异化

的图标。图标为什么这么重要？图标怎么做的好看？怎么针对不同的产品做出图标的差异

性？将最近自己研究的关于图标的理解以及工作中遇到的问题思考，梳理输出分享给大家，

希望能对大家在工作中遇到的关于图标的问题有所帮助。

01 什么是图标

图标作为一种视觉语言，广义上指具有指代意义的图形符号，具有高浓度并快捷传达

信息、便于记忆的特性。常见的如，交通标志、男女卫生间的标志等等。

而UI图标大致可以分成两大类：标志性图标及功能性图标。标志性图标，即手机桌面

应用图标的启动入口，这里是用户接触到产品的第一印象，决定了用户的去留，同时也是

品牌传播的重要渠道；另一个是功能图标，出现在app或网站中，用于功能性性引导用户

进行各种操作的图像。

02 图标的优势

1. 节省屏幕空间

1 / 10

相对说明的长文字来说，图标只需占用一个字符的位置就可以传递给用户操作信息。

比如在个人中心页，我们经常看到的客服功能，用文案表示需要“联系客服”四个字（当

然英文或其他语言可能更长），而用可以传达信息的图标代替只需要占据一个字符的位置。

2. 不受地域语言限制

各个国家和地区都有自己的语言和文字，因此当某一应用在其他地区使用时需要进行

本地适配。图标却不同，经过不同平台应用长时间的培养，很多图标已经能够被大多数用

户快速识别，甚至成为国际通用的图标，比如放大镜图标意味着搜索，齿轮图标意味设置。

图标的使用打破了语言的地域限制，在完全不用懂应用文字意思的前提下，也不妨碍图标

意思的理解，以及应用的相应功能操作。

比如，instagram上tab bar及主要操作都是直接使用图标表示并且没有文字备注，

并不影响用户理解及操作。

3. 减少用户辨识时间

人类的左右脑分工是不同的，左脑主要从事逻辑思维，比如语言、数据、逻辑推理等；

右脑主要从事形象思维，比如音乐、绘画、空间几何、想象等；而右脑处理图形图像的速

度是左脑处理文字速度的60万倍。

根据美国国家生物技术信息中心（National Center for Biotechnology Information）

的数据显示，人类的平均注意力跨度已经从2022年的12秒下降到2022年的8秒。人类

大脑对图形图像的记忆也远胜于对文字的记忆，人类会记住80%看过的东西，20%阅读过

的内容和10%听过的东西。文字图像化，引导用户快速接收信息进行操作，减少用户的思

2 / 10

本文标签： 图标用户文字语言

版权声明：本文标题：图标设计详解(一)——图标初识 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1716742357a517072.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。