图标设计，即图标设计，在界面设计中占有非常重要的地位。好的图标能让用户“一秒看懂”。如何设计一个优秀的图标，这篇文章会给你答案。

图标是图形交互界面中最常用的设计元素之一。

如何设计一个优秀的图标？

在这篇文章中，我将分享一个简单的清单/手册来帮助你更好地向用户展示你的图标。

一、易识别

清晰是优秀界面最重要的特征，但不幸的是，图标往往不够清晰。

图标必须在第一时间传达最重要的信息。当图标不能立即表达意思时，就会导致一种“视觉噪音”，失去图标的意义。

优秀的图标不用看标签或文字提醒也能看懂。

几个简单的规则可以帮助你停止使用不能传达其含义的图标。

1. 实验使用用户熟悉的icon

用户对图标的理解通常是基于其使用和认知的历史。这就是为什么使用熟悉的图标比使用怪异的图标更好。

依靠通用图标。就像房子，打印，玩游戏，收藏等等，不需要持有任何注释图标。

(易于理解的图标)

调查并检查你的竞争对手使用的图标。

2. 不要使用有歧义的icon

应该停止具有多重含义的图标。比如“心”图标和“星”图标都可以作为【喜欢】或者内容会被记住。一起使用，很可能造成用户滋扰。

(心形和星形图标模糊不清)

3. 测试icon的寄义表达

不要听什么“人们每天都在用我们的产品(APP)，他们当然会理解图标的含义”。

请测试您的图标！

[5秒规则] 是一个测试图标的有用方法。询问用户他们希望这个图标代表什么。

如果思考这个图标的时间超过5秒，那么这个图标就不可能以一种有用的方式传达它的意思。

4. 测试icon的可拓展性

测试你的图标在类似15x15px的尺寸下是否依然清晰。

(音乐图标放大清晰)

5. 给生疏的icon附上标签文字

如果您仍想使用特殊图标，可以考虑在图标上附加一个文本标签。

(图标+文本)

如何注册企业微信，个人企业微信的注册流程

]6。不要重新定义图标的含义
改变图标的含义是相当容易迷惑用户的。当图标的功效与预期认知不同时，会给用户造成困惑。

不要重新发现轮子！

即使是意义上的细微差别，也会影响用户对图标的理解能力。

很长一段时间，谷歌文档使用的图标看起来像一个汉堡。大多数界面使用类似的图标来指示主导航菜单，但谷歌重新定义了它的含义，并将其用作“后退/返回”操作。当用户点击这个图标，他们将被重定向到谷歌文档主页。

二、视觉恬静

品牌个性可以通过插图、颜色和图标来传达。如果做得好，图标绝对可以提升设计的美感。

1. 削减图形细节中的数目

KISS原则适用于所有UI元素，包括图标。保持图标简洁，并遵循以下两个原则来避免不必要的复杂性:

限制颜色使用数目，使用不跨越3或4种颜色，保持设计简练。
通过聚焦于工具的基本特征，来削减图形设计细节的数目。只管保持设计的提要性 ，由于设计提要性的在差别的界面和分辨率都可以举行转换。

(请不要太浮华，也不要让设计图标包含太多视觉细节。)

2. 通过添加动画效果缔造愉悦体验

动画效果可以表达明确功效的目的，为用户创造愉悦的体验。

对于形态变化的情况，使用动画效果可以创造更好的动态体验。

三、合适尺寸

图标应该是用户的好去处。

设计师常犯的一个错误就是在手机上给图标留的空空间太小。当你设计触摸时，确保图标足够大，你的手指可以点击。

参考:目的点击屏幕被限制在7-10毫米..此外，请确保在目标工具之间添加填充，以防止不准确的点击。

(真实目的地大小=视觉目的地大小+填充图片:微软)

四、一致性

一致性是设计中的要害原则。
一致性设计是一种直观设计。

当相似的元素被使用并且具有一致的外观和功效时，可用性和可学习的习惯可以被提高。

1. 内部一致性

图标设计应该保持视觉上的统一，你决定用于产品的图标应该保持统一的风格。

理想情况下，它们应该看起来是由设计师设计的。这里有一些你需要遵循的原则来创造团结:

使用相同颜色或者颜色组合在你的图标上；
使用相同的形状和其他样式属性（例如边框的巨细）。

(没有凝聚力的图标看起来很糟糕)

2. 与平台保持一致

确保你的目的与平台一致，它们会让用户更容易理解。

(苹果iOS和谷歌Android图标)

3. 与产物系列保持一致

如果你拥有整个产品线，确保一个一致的标志性精神(或至少类似的东西)被应用到你所有的产品上。

总结

一般来说，为你的项目找到一个合适的图标并不容易。这就是为什么我分享这个资源列表来简化这个义务。

我会定期更新列表，这样你可以找到更多有用的资源。