广州天象网络技术有限公司UI设计中图标分为哪些类型
如今的用户界面中，图标是不可或缺的
元素。虽然绝大多数的图标都很小，甚至不
被人注意到，但是它们帮助设计和用户解决
了许多问题。
图标是可用性和导航的关键，用户能够感知
到图标的功用，但是只有设计师才会明白，
想要让图标简约、可用还富有表现力，要耗
费多少时间和精力。
乔布斯曾经说过：“细节至关重要，花费时
间仔细打磨是值得的。”图标是现如今UI界
面中可用性和导航体系的核心组件，所以，
今天的文章，我们来归纳一下常见的图标类
型和它们在UI中的使用。
图标的定义
一般而言，图标是具有高度概括性的、用于
视觉信息传达的小尺寸图像。图标常常可以
传达出丰富的信息，并且常常和词汇、文本
搭配相互搭配使用，两者互相支撑，或隐晦
或直白地共同传递出其中所包含的意义、特
征、内容和信息。
图标可以有效地替代文本来使用。有研究表
明，使用高度可识别的、清晰的图标，对于
界面导航的可用性有极大的提升。不过图标
的选取要谨慎并经过仔细的测试，才能达成
良好的平衡，为目标受众所接受。
基于视觉特征来划分图标类型
字符图标现在的字符图标同样包含了字母、
数字和图形，它们中所涵盖的内容更加丰富
。现在提及字符图标，我们通常不会将它们
视为文字，而是图标。
字符图标使用简化和通用的图形，当用户在
使用它们的时候，它们拥有足够的识别度和
灵活的适用场景。
扁平和半扁平图标扁平化的图标设计比起字
符图标就要复杂得多，其中增加了色彩和其
他元素的填充，比起近乎由轮廓和笔画构成
的字符图标，明显要高一个维度。
扁平的图标同样专注于清晰而直观的视觉信
息传达，为用户提供一目了然的视觉内容。
扁平化的图标设计突出的功能也就在此，
不借助复杂的纹理和阴影来明了地、视觉化
地传达信息，和拟物化图标正好相对。
基于图像隐喻来划分图标类型
的可用性研究专家Jackob Nielsen曾经
在 NNGroup的文章中披露了这种图标类型划
分的标准。图标基于其中所反映出来的隐喻
，可以划分为三个主要类型。
相似图标，它是将现实世界中的物理实体给
符号化，这种设计典型的就是用于搜索的
放大镜图标，购物车图标，邮件图标等。
参考性图标，它是使用类比对象的方式来设
计的图标，比如压缩和解压类的工具图标，
常常会使用包、拉链这样的意象来传递出概
念。
随意式图标，这类图标的设计和其功能/含义
并没有关联，它们本身并不传递出功能性的
含义，依靠的是用户长时间的查看、使用，
逐步习惯来熟悉其中的含义。
现在许多界面当中的“保存”按钮采用的是
软盘的图标，但是软盘实际上早已退出历史
舞台，许多用户甚至都不知道软盘的存在，
但是用户会在长时间的使用过程中了解它的
功能，并且在大脑中形成这样的概念回路。
有效的图标设计首先应满足图标清晰有意义
，图标的意义应该是可理解的，可供受众吸
收的，传递出有意义的信息；其次图标简单
可识别，图标中所包含的视觉符号应该能够
被正确地识别和呈现；第三图标灵活吸引人
，图标应该可缩放，图标设计要比其他的视
觉元素更突出，直觉而引人瞩目，后，要
注意图标应该和应用保持一致的风格。
元素。虽然绝大多数的图标都很小，甚至不
被人注意到，但是它们帮助设计和用户解决
了许多问题。
图标是可用性和导航的关键，用户能够感知
到图标的功用，但是只有设计师才会明白，
想要让图标简约、可用还富有表现力，要耗
费多少时间和精力。
乔布斯曾经说过：“细节至关重要，花费时
间仔细打磨是值得的。”图标是现如今UI界
面中可用性和导航体系的核心组件，所以，
今天的文章，我们来归纳一下常见的图标类
型和它们在UI中的使用。
图标的定义
一般而言，图标是具有高度概括性的、用于
视觉信息传达的小尺寸图像。图标常常可以
传达出丰富的信息，并且常常和词汇、文本
搭配相互搭配使用，两者互相支撑，或隐晦
或直白地共同传递出其中所包含的意义、特
征、内容和信息。
图标可以有效地替代文本来使用。有研究表
明，使用高度可识别的、清晰的图标，对于
界面导航的可用性有极大的提升。不过图标
的选取要谨慎并经过仔细的测试，才能达成
良好的平衡，为目标受众所接受。
基于视觉特征来划分图标类型
字符图标现在的字符图标同样包含了字母、
数字和图形，它们中所涵盖的内容更加丰富
。现在提及字符图标，我们通常不会将它们
视为文字，而是图标。
字符图标使用简化和通用的图形，当用户在
使用它们的时候，它们拥有足够的识别度和
灵活的适用场景。
扁平和半扁平图标扁平化的图标设计比起字
符图标就要复杂得多，其中增加了色彩和其
他元素的填充，比起近乎由轮廓和笔画构成
的字符图标，明显要高一个维度。
扁平的图标同样专注于清晰而直观的视觉信
息传达，为用户提供一目了然的视觉内容。
扁平化的图标设计突出的功能也就在此，
不借助复杂的纹理和阴影来明了地、视觉化
地传达信息，和拟物化图标正好相对。
基于图像隐喻来划分图标类型
的可用性研究专家Jackob Nielsen曾经
在 NNGroup的文章中披露了这种图标类型划
分的标准。图标基于其中所反映出来的隐喻
，可以划分为三个主要类型。
相似图标，它是将现实世界中的物理实体给
符号化，这种设计典型的就是用于搜索的
放大镜图标，购物车图标，邮件图标等。
参考性图标，它是使用类比对象的方式来设
计的图标，比如压缩和解压类的工具图标，
常常会使用包、拉链这样的意象来传递出概
念。
随意式图标，这类图标的设计和其功能/含义
并没有关联，它们本身并不传递出功能性的
含义，依靠的是用户长时间的查看、使用，
逐步习惯来熟悉其中的含义。
现在许多界面当中的“保存”按钮采用的是
软盘的图标，但是软盘实际上早已退出历史
舞台，许多用户甚至都不知道软盘的存在，
但是用户会在长时间的使用过程中了解它的
功能，并且在大脑中形成这样的概念回路。
有效的图标设计首先应满足图标清晰有意义
，图标的意义应该是可理解的，可供受众吸
收的，传递出有意义的信息；其次图标简单
可识别，图标中所包含的视觉符号应该能够
被正确地识别和呈现；第三图标灵活吸引人
，图标应该可缩放，图标设计要比其他的视
觉元素更突出，直觉而引人瞩目，后，要
注意图标应该和应用保持一致的风格。
