正确打开“图标”的姿势

李健老师

      图标这个在设计圈司空见惯的东西，其实真的很不简单。它往小里说是一个符号，往大说是品牌。它以单纯、显著、易识别的现象、图形或文字符号为直观语言，来阐释事物的特征信息。
                                          


眼睛可以让我们在短短的一瞬间获得大量的信息，更重要的是，这种信息获取方式并不费劲——至少绝大多数的信息都是下意识获得并吸收的。所以，在设计领域当中，视觉感知其实起到了相当重要的作用，不论是产品设计，还是解决用户的问题。对于人而言，视觉感知的确是大脑获得信息最快的途径之一。视觉感知对于生活和工作各方面的影响是如此之多，以至于在进行产品设计的时候完全无法忽视它的存在。这也是为什么现如今的界面设计中，图标设计占据了如此之大的比例。如果你回溯数字设计的历史的话，会发现图标设计在过去很长的一段时间中，图标设计几乎一直都是GUI领域的核心之一。在对视觉感知进行系统化的科学研究和理论分析之后，A. Santella 得出了这样的结论：“通过大量的眼动追踪研究之后，我们发现一些有趣的现象。这些现象表明，人们对于抽象概念甚至一些艺术化形象的理解并不差，它们并不是艺术家才有的神秘能力，而是几乎每个人都有的视觉感知能力。虽然不并不是每个人都能画出来，但是几乎每个人都能在计算机的帮助下制作渲染出来。”绝大多数的人在视觉识别、感知、标记、数据化甚至将图片高度抽象化上都有不俗的能力，可以说，人们在视觉能力范围上宽广得难以置信。而这一重要的事实对于设计师而言就非常重要了，在此基础上设计师可以提出更具有易用性和适配性的解决方案。
    如果设计师只关注图标传递信息的速度的话，那么相比文字，图标确实可以更快的被用户感知到。绝大多数的用户都是被视觉感知所驱动的，所以成熟的视觉感知机制是更有效的信息传递途径，并且应当作为设计中最值得重视的方面：
   人眼识别图像的速度比阅读文字快的多心理学家声称，人眼可以在十分之一秒内遍历、识别一个视觉场景或者元素，而这个时间段内阅读一段文字则明显是吃力的。图像被传递到大脑的速度会更快，即使是通过文字传递的信息，传递到大脑也通常是以图像的形式被处理背景与文字的可读性息息相关，但是图片的信息则很少受到周围元素与背景的影响图像更容易在长期记忆中保存，这也意味着交互界面本身比起数据更容易记忆和留存。除此之外，图标和界面中的其他视觉元素让信息可以更容易被不同国家、不同语言和不同文化背景的用户所接受，可以说，从某种程度上，图标提升了界面中信息的被理解性。对于有诸如阅读障碍这样的用户而言，视觉化的界面也更容易理解。



       图标以图像的形式向用户传递信息，但是如果信息传递的不够准确，出现的双关或者歧义，传递速度再快，体验也不好。图标传递出的信息被误读，这就没法被定型为“识别”了，它只是很快被“关注”到而已。真正意义上的识别，不止是被快速看到，而且得被正确理解、正确操作才行。
      诸如电话、电子邮件、搜索这类图标的设计，已经为大家所熟知，如果在UI中使用这样的图标设计，传递信息肯定比文案快速准确得多。然而，如果你所使用的图标形象不够清晰明确的情况下，那么你需要对它进行充分的思考。如果和最终要传达的信息不相符，那么最好替换掉，这个时候信息传递的速度并不重要。这就是为什么有的设计需要同时使用文字和图标来传递信息，这个时候可能图标对功能的“描述”不够精准，需要文字来作为辅助。


       在概念设计中，图标和文案是相互搭配的。这个界面中，一个交互加入了多个高识别度的感知元素，通过动效、数字元素以及文案让用户对与操作拥有更高更清晰的识别度。能够快速识别图标的用户通常不用再去阅读文字，而对于文字有较高感知度的用户而言，文字的存在让他们不用去猜图标的含义（比如很少上网的老年人）。同时使用文字和图标的确会降低用户曲解图标含义的机率。
   
   总结
综上所述，我们可以总结出界面中使用图标的主要好处：
·提升用户对信息和数据的感知速度
·通过视觉化的图像来提升用户对于各种元素的记忆性
·通过视觉引导提升导航的便捷度
·无需过长的文字说明，更加节省界面和屏幕空间
·支持文案和内容，以视觉的方式传递信息
·强化设计感，与界面样式保持协调。