今日之文章内容并不复杂，或许你看过后就忘了，但的确是经验之谈，仔细想想，你会发现做起来也不容易。但愿这篇文章能给您一些启示~。

    双眼能够在短时间内获取大量的信息，更重要的是，获取这种信息并不困难——至少大多数信息是下意识地获取和吸收的。因此，在设计领域中，视觉感知实际上起着相当重要的作用，无论是产品设计，还是解决用户的问题。

    今日这篇文章对Quora提出了一个问题：“在UI界面中，人们对图标的感知能力是否高于文字？”TubikStudio是UI领域深耕于这个领域的人，在Quora中有一个答案，而今天的文章更有系统地整理了之前的答案。对于图标的设计，文字内容与人的视觉知觉之间的关系，其实并不像看起来那么简单。

    知觉速度。

    对人类来说，视觉知觉确实是大脑获取信息的最快途径之一。视知觉对生活、工作的各个方面都有很大的影响，以至于在产品设计时完全不能忽略它的存在。因此，在当今的界面设计中，图标设计占据了相当大的比例。假如你回顾一下数字设计的历史，会发现图标设计在很长一段时间里，图标设计几乎一直是GUI领域的核心之一。

    Santella在对视觉知觉进行系统的科学研究和理论分析后，得出了如下结论：“经过大量的眼动追踪研究，我们发现了一些有趣的现象。这说明，人们对抽象概念，甚至艺术形象的理解并不差，他们并非艺术家所具有的神秘性，而是几乎人人都具有的视觉知觉。尽管并非人人都能画出来，但几乎每个人都可以借助电脑来进行渲染。”大多数人在视觉识别、知觉、标记、数据化，甚至将图片高度抽象化方面都有着惊人的能力，可以说，人们在视觉能力方面有着惊人的广度。这个问题对设计者来说是非常重要的，在此基础上设计人员可以提出一个更易于使用和适合的解决方案。

    假如设计者仅仅关注图标传递信息的速度，那么与文字相比，图标的确能更快地被用户感知。大多数用户都是视觉感知驱动的，因此成熟的视觉感知机制是更有效的信息传递方式，应该将其作为设计中最重要的部分。

    ::人眼比读文本更容易识别图像。

    根据心理学家的说法，人类的眼睛可以在十分之一秒内穿越、识别一个视觉场景或元素，这一段时间内阅读一段文本显然是费力的。

    即使是文字传递给大脑的信息，传送到大脑的速度也会更快，而且传递给大脑的图像也经常被处理。

    ::背景与文字的可读性密切相关，但图片信息受周围因素和背景的影响较小。

    ::图片更容易在长期记忆中保存，这也意味着交互界面本身比数据更容易记忆和保留。

    此外，界面上的图标和其它视觉元素使信息更容易被不同国家、不同语言、不同文化的用户所接受，可以说，图标提高了界面上信息的可读性。对像阅读障碍这样的用户来说，视觉化界面也比较容易理解。

    图示应用于界面上的很多地方，其中最为常见和典型的就是标签栏图标的应用。标记作为一种功能交互元素，所占据的空间是有限而固定的，这样，简洁、直观的图标就成为一种非常有效的解决方案。图为概念设计，由设计师SergeyValiukh设计，并配以简洁的线性图标，让这款底部菜单显得直观、清晰、有趣。

    下一个天气界面的设计案例展示了图标是如何呈现不同视觉信息的。象征图标设计清楚地传达了不同的天气信息，在保持界面整洁、不占用太多空间的前提下，让用户轻松掌握整个星期的天气状况。

    在很多接口中，基本的交互和内容信息需要用户花几秒钟才能吸收和获取，而图形化的信息呈现和显示可以使整个过程更短。但影响信息获取的因素不仅仅是文字与图标的比例关系。

    符号的意义。

    基于TubikStudio所设计和参与的许多设计项目的经验，我们在创建界面的过程中，图标本身并不是唯一能够传递信息的因素。确实，图标是以图像的形式传递给用户的信息，但如果信息传递的不够精确，出现的双关或歧义，传递速度再快，体验也不好。这些图标所传递的信息被错误地阅读，这不能用“识别”来描述，它只是很快就被“注意”了。真实意义上的识别，不仅仅是要迅速地被看见，还要被正确理解、正确操作。

    像电话、电子邮件、搜索这些图标的设计，都已经被大家熟知了，如果在UI中设计这样的图标，传达的信息肯定比文字更快更准确。但是，如果你所使用的图标形象还不够清晰和清楚，那么你就需要好好地考虑一下。若与最终所要传达的信息不一致，则最好更换，此时信息传递的速度不重要。正因为如此，有些设计需要同时使用文字和图标来传递信息，此时可能会有图标对功能的“描述”不够精确，需要文字作为辅助。

    这种概念设计中，图标和文案可以相互搭配。在这个界面上，一个交互加入了多个高度识别的感知元素，通过动作、CTA元素和文案使用户对操作有更高更清晰的识别。能迅速识别图标的用户通常不再需要阅读文字，而对于文字具有更高感知度的用户来说，文字的存在可以让他们不必猜测图标的含义(例如，很少上网的老年人)。在同一时间使用文本和图标会减少用户误解图标含义的机会。

    另一个常见的例子就是侧边栏的设计，简单的文字与简单的线性图标的组合就能传达清楚的概念。

    本博客APP的概念设计展示了图标作为一个多功能视觉元素的存在。第一，图标作为博客分类目录中不同条目的视觉识别图像而存在，同时，图标中的图案信息可以传递类别的相关信息，不同颜色则成为用户区分不同类别的重要视觉信号。这些都使用户能够更清楚地识别信息，交互也更清晰，增强了整体的可用性和导航的有效性。

    不管您最终决定使用图标、文本，还是说两者都适用，这主要取决于您的受众和您的目标，通过分析需求和最终目的来合理选择。

    应用图标的原因。

    通过以上讨论，我们可以总结出在界面中使用图标的主要好处：

    ::提高用户对信息和数据的感知速度。

    ::通过可视化图像提高用户对不同元素的记忆。

    ::通过视觉引导来提高导航的灵活性。

    不需要过长的文字描述，更节省屏幕和界面空间。

    ::支持文案和内容，以视觉方式传递信息。

    增强设计感，并与界面风格相协调。

    需要考虑的因素。

    显而易见，图标无论如何设计，都不能满足所有用户的需求，也不能覆盖所有用户的认知，但在视觉设计中仍然存在一些普适性和基础性的因素，值得关注和思考：

    ::受众(能力、年龄、文化背景、教育程度等)

    ::典型用户的阅读水平。

    ::产品使用环境。

    ::在全球或地区推广产品并普及产品。

    ::使用的图标和图形本身的识别度。

    ::所使用的图标和图像使人分心或专注的程度。

    以上所有因素都与人的认知和视觉知觉密切相关，影响视觉表达的质量和效率。对设计者来说，让用户只看到一个界面是不够的，让用户能够识别、理解界面是核心，这样他们就可以真正与界面进行有效的交互。文字与图标相互支持，相互支持，相互配合，能够呈现出协调一致的信息，给用户带来真正良好的用户体验。