2024年4月24日发(作者：郯寄云)
图标设计详解（一）——图标初识
编辑导读：图标一直是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
2024年4月24日发(作者：郯寄云)
图标设计详解（一）——图标初识
编辑导读：图标一直是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