面型图标vs线型图标，该如何正确使用？【百科全说】

全文共2085词，阅读大约需要5分钟！

什么时候该用线型图标，什么时候该用面型图标，不知道大家平时有没有去思考过？我自己也曾经纠结过，但却没有深究，这篇文章给出了一些答案。挺意外，老外会针对线面图标都做了深入研究，光研究pdf就有66页！！这就是所谓的专业深度吧。

今天一起来学习下，也欢迎大家把自己的想法在留言区一起探讨，说下自己的看法和使用习惯。

译文部分：

当我们准备做一个App设计时，常常会陷入到该用面型图标还是线型图标的纠结中，到底哪种对用户体验来说更合适呢？

有些人觉得它们之间的区别只是在于个人喜好的问题，但有研究表明，更深一层的原因是：它们之间存在着不同的识别效率。对于设计师来说，应该要知道如何选择线型或面型图标，才能让用户更高效的浏览应用。如果设计良好，用户就能够更快的识别，并作出正确的选择。

一项名为《面型图标vs线型图标，对于可用性方面的影响》（译者注：连接中是一份很长的研究报告，全英文Pdf）的调查研究发现，图标样式会影响识别效率。识别效率是通过识别和选择图标的速度和准确性来衡量的。

面型图标一般来说会比线型图标更快被识别，但也有例外，一些图标在识别效率上没有明显差异，这与图标的特征线索有关。

图标的特征线索

特征线索是指用户如何辨认图标，如果没有明显的特征或很难被注意到，图标就没法准确识别。

例如，评论气泡图标的尾巴就是它的特征线索，没有它，就只是一个圆；锁图标上的钥匙孔是它的特征线索，没有它，就很容易被误认为是包；齿轮图标上的齿形是它独有的线索，没有它，看起来就像是一个甜甜圈。

调查研究中发现，锁图标中没有画锁孔是被误会最多的图标，有超过四分之一的用户看错了。如果没有这个必要的特征线索，图标看起来可能会像是一个包，钱包甚至是一口锅。

这些特征线索是用户识别图标的关键，使用图标时，请确保它包含了用户能识别的线索。如果图标看起来像是其他什么东西，请考虑为其增加额外的特征线索。

什么情况下用线型图标更好？

除了要包含特征线索外，线型和面型图标之间也有区别。有时候，某些图标上的特征线索在线型图标上比面型图标更为突出。

调查中发现，线型图标能够被更快识别的三个图标有：评论、垃圾桶、钥匙。这些图标的特征线索都出现在其外轮廓上，正因为如此，当图标为线型的时候，这些特征线索更容易被注意到。评论图标的尾巴在面型时容易被忽略掉，但是在线型时则更加明显。垃圾桶盖子在面型时也一样，线型时更容易看到。钥匙的齿形在线型时相较于面型时要更明显。