新手必看-6个提高图标识别性和可用性的技巧

编者注：对于初学者来说，学习图标设计，既要追求美观，更要注重图标的识别性和可用性。今天，我们要分享6个提升图标识别性和可用性的技巧。准备好了吗？让我们一起学习！

在计算机图形学的早期阶段，图标的应用范围相对有限。但从人机交互的角度来看，使用图标相较于文本有着显著的优势。原因在于：图标简单、醒目、友好，能迅速传达信息，取代冗长枯燥的描述；随着屏幕尺寸日益减小，图标能节省空间，受到广泛欢迎；图标还能增加设计的艺术感染力。但重要的是，在多数应用中，图标已成为一种用户熟知的设计模式。

尽管图标具有这些潜在优点，但如果设计时不考虑其潜在影响，也可能导致可用性问题。这篇文章将聚焦于UI中的图标问题，并提出一套解决方案。你可以在图标设计中应用这些技巧，以更好地完成工作。

技巧一：让图标传达含义

设计师在创作时有时会过于注重形式，而忽略了图标本身的功能，导致图标难以识别。这违背了图标最重要的属性——传达含义的功能必须放在首位。按照定义，图标是对象或动作的视觉体现。如果对象或行动对用户不明确，该图标就会失去实用价值，成为视觉干扰。

有些图标在用户心中享有普遍共识（如首页、打印机、搜索放大镜等）。但除了这些例子，大多数图标的含义对用户来说仍然模糊。以游戏中心图标为例，它是一组色彩鲜艳、玻璃感的圆圈，这代表了什么含义？它与游戏有什么关系？

当谷歌简化Gmail用户界面，将所有功能隐藏在一个抽象的图标之下时，他们收到了大量用户的求助请求，如“我的谷歌日历在哪里？”无论设计师能理解多少图标的含义和代表的功能，对初次接触图标的用户来说体验可能完全不同。确保图标能够引导用户到达他们需要去的地方至关重要。

技巧二：保持图标的简洁与示意性

在大多数情况下，设计图标并不需要过多的创新。并不是说创新图标不好，但过于花哨的图标可能会对用户体验产生负面影响。如果你想展示设计技能，可以依靠其他设计元素来传达信息，保持系统图标的设计简洁、现代、友好。

图标的本质是简化到最简形态。简化图标是为了降低学习曲线。设计应确保即使在缩小尺寸后，图标仍具有可读性和清晰度。一个好的图标设计应该能够迅速辨认，一目了然。

技巧三：包含清晰可见的文本标签

图标，那些融合了设计与技术的微小符号，是UI设计中的无声使者。它们无声地讲述着界面的语言，引导用户轻松完成操作。最近UserTesting公司进行了一系列关于图标标签的测试，结果令人深思。

在测试中，当图标配备了文本标签时，用户轻点图标的准确率高达88%。这意味着大多数用户都能准确预测图标的功能。而对于没有标签的图标，这一数字骤降至60%，对于特殊图标更是只有34%。可见，文本标签在图标的功能传达上起到了至关重要的作用。

有三个重要的情境需要考虑。对于复杂、抽象的功能，图形化的表达往往难以完全传达意图。这时，合适的文本标签就能起到雪中送炭的作用。而且，这些标签应该始终保持可见，避免用户进行任何交互才能看见。设计师们应避免使用过多的教程、引导遮罩或弹出提示框来辅助理解，因为用户往往会跳过这些教程并迅速忘记它们。结合文本标签和图形，可以产生更好的效果。在清晰度的表达上，文本标签总是能更胜一筹。

在移动应用设计中，图标的触控体验尤为重要。人们使用手指与基于触控的界面交互，因此UI控件需要足够大才能承载手指的动作。为了确保良好的用户体验，设计师们需要考虑到成人、儿童甚至篮球运动员等不同手指宽度的用户。苹果和谷歌等平台的规范也为我们提供了宝贵的参考。

除了尺寸，触控目标之间的有效间距也是关键。过近的距离容易导致误操作。例如，“保存”和“取消”等互斥操作时，应使用至少2mm的间距来避免混淆。

当设计跨平台应用时，应避免使用其他平台特定的UI元素。各平台都有自己的一套典型图标，如分享、新建和删除等。在转换应用到其他平台时，相应的图标应得到替换。图标的可识别性和可记忆性也是至关重要的。设计师们需要不断测试，观察用户如何与界面交互，以确保图标的清晰度和有效性。

小结：图标是UI设计的核心，对于界面的可用性来说是一把双刃剑。如同用户体验设计的其他方面，界面中使用的所有图标都应有目的性。当设计得当，图标能简单直观地引导用户，成为连接用户与界面的桥梁。

通过深入了解用户需求、遵循设计规范并持续进行测试，我们可以创造出既美观又实用的图标，提升用户体验。