它们很小，但对任何应用程序或网站的效率至关重要。它们看起来很简单，但需要大量的时间和精力来感受这种感觉。他们会在与产品交互的任何步骤中跟随您，尽管用户很少——说从不——认为他们对这种交互的成功和速度有多重要。他们有权对用户做任何事情：帮助、支持、参与、鼓励、澄清、简化或反之亦然混淆、烦扰、迷失方向等等。它们在有效的用户界面中是标志性的。它们是图标。

图标的重要作用现在对于 Web 和应用程序设计人员来说已经不是什么秘密了，它在许多文章和 设计类书籍，在研讨会和网络研讨会中介绍，在许多案例研究中都有展示。我们决定将我们的两分钱添加到有关图标的大量知识中，因为这个主题似乎一直在需求。

图标的本质

基本上，应用程序或桌面图标是一个 图像那，具有一种象征性和隐喻性的潜力，成为互动过程中的导航元素。在更深层次的解释中，图标是代表某些动作、事物、人、真实或虚拟的视觉符号。

在许多情况下，图标能够代表文本，这种能力使它们在现代设计世界中如此受欢迎。如果你用一个图标替换了一段副本，它会为其他交互元素保存在应用程序屏幕 或者 网页，因此，使其功能更强大而不会过载。此外，它使交互更快，因为在大多数情况下，与阅读和理解文本相比，人们需要更少的时间来查看和理解图​​标。此外，图标有效地移动了限制，因为它们使那些在复制感知和识别方面有问题的人，例如那些患有阅读障碍或亲密问题的人，能够与产品进行交互。最后，图标可以成功地结合导航 和解释是产品视觉表现的审美元素，支持一般风格，并有自己的性格。

如此多功能和全面，应用程序和网站的图标可以是：

交互式，即直接表示纽扣、控件和任何其他交互元素

澄清，即直观地解释一些功能、类别、动作，而不是交互本身的直接元素

装饰性和娱乐性，即具有较低的功能性和较高的审美潜力，为一般风格提供装饰性补充，例如具有一些季节性庆祝活动等。

The example of interactive icons: Veggie App Concept 

图标的特点

高效图标的一些基本特征包括：

有意义的

如上所述，图标是具有高度象征潜力的图形元素。这意味着在创建图标时，设计师首先应该定义其作为单独元素和总体布局的一部分的作用和意义。用一种比喻来谈论更朴实的东西，最好的厨师总是说放在盘子里的所有东西都应该是可食用的。根据最新趋势，我们在图标以及其他布局元素方面支持相同的想法：放在屏幕上的所有内容都应该是实用的。因此，界面中使用的任何图标都应该有其含义和功能。没有它，图标只是一种空的存根，使屏幕或网页的布局被不必要的元素弄脏。

清晰

在此处的清晰度背后，我们的意思是使图标易于理解。这是支持图标有意义的另一项功能。事实上，如果除了创造者之外没有人理解这个意义，那么有意义有什么意义呢？对于图标，缺乏清晰度是丧钟。这样的图标不会加快和简化交互过程，反而会混淆用户并带来糟糕的用户体验。

简单的

图标的简单性仍然是一个有争议的问题。实际上，设计师都同意图标应该简单，但仍然在争论需要的简单程度在哪里。无论如何，在工作室中，我们支持图标应该尽可能简单，因为它是其特定目标和功能所必需的，并且设计它的设计师应该遵循现有的图标设计指南并省略任何不必要的可以使图像过载的细节。然而，与此同时，重要的是要记住整个应用程序或网站概念的视觉表现的一般风格和其他元素。成功的考虑以及这些因素的组合将产生有效的图标。

可识别和独特的

为了使图标可识别，设计师需要成为 研究员在开始任务之前。花时间对现有图标进行探索和分析，对比赛进行深入调查，可以为使图标易于记忆和吸引眼球奠定重要的基础。如果设计师找到一种方法使图标具有可识别性而不失去其主要含义，它将成为在竞争激烈的情况下吸引用户的第一步，并为用户体验提供积极的特征，因为用户不会很恼火，浪费时间寻找无法立即识别的必要图标。

这里提到的独特性功能并不意味着每次需要图标时都创建绝对独特的东西，但是通过小的更改或细节考虑一些甚至轻微的独特性可以使图标在 AppStore 或 PlayMarket 和在用户设备的屏幕上。

审美和吸引力

当然，请记住图标是含义的​​视觉表示，重要的是要考虑问题的图形和美学方面。视觉吸引力是鼓励用户深入了解你在图标背后所代表的意义的第一步，同时也是让产品被认为有吸引力、美观和时尚的重要元素。遵循以下原则色彩理论，比例和其他特征使得结果 平面设计 成功总是非常有助于为图标创造一个伟大的外观意义。

Saily ghost icon version 

灵活的

随着如今越来越多的各种尺寸和分辨率进入游戏，灵活性和可扩展性被包含在使图标高效的关键特性列表中。一个好的图标应该在不同的大小和环境下都具有可见性、可读性和可识别性，因此，在创建图标时，还应该考虑到另一个过程。

持续的

图标，以及布局的其他元素，必须有感觉 持续的因为它们往往成为最强大的约定和能指。例如，如果应用程序中有多个图标——正如通常发生的那样——它们应该遵循相同的风格、概念并对应于应用程序的一般设计解决方案，支持视觉表现和交互的和谐，而不是打破它与非- 一致的元素。

原作者：Marina Yalanska