图标设计最为理想的状态是，它不仅能让特定群体迅速领会，还能跨越文化差异、年龄界限和背景差异，实现广泛适用性，要充分考虑目标受众，选择能够触动他们内心的象征手法和色彩搭配。

2、易读

一旦设计好了容易理解的图标，然后就是确保它是可读的。

应用 中的图标

第一个图标由于细节太多，以至于很难快速辨认出它是什么。

软件存在同样状况，其剪贴板标志空白区域过于狭窄，因而难以辨认。

细微的调整会带来很大的改善：

调整后的剪贴板图标

在绘制多种形态时，务必保证彼此间有充足距离。若图形过于纤小或数量过多，图标辨识度将显著降低。

谷歌地图在图标设计上颇具匠心，其图标即便在极小的尺寸下依然清晰可辨。

3、平衡

为了确保每个图标视觉平衡，需要在视觉上对齐它的元素。

不平衡的游戏图标

这个播放标志里，三角形的宽边给人沉甸甸的印象，让人觉得它重心偏左，并非真正稳稳当当地位于圆心正中。

就像字体设计师做精细的调整来设计字体的视觉平衡一样。

界面设计师同样要实施相应的变更以协调一个标志物。要改进那个播放标志，可将构成部分略微向右挪动些

图标变得平衡了，是不是好了很多？

我们领悟到的一个关键之处在于：切莫轻信那些数据，必须亲自进行核实。

4、简洁

日常交流中，寥寥数语便能清晰传达意图，既省时又显文雅。

“向别人讲述你所知道的内容可以强化对这门学科的理解。”

说的直白一点：

“一人为师，两人学习。”

谷歌的指引里，那些标志，非常清楚说明了系统符号的精练特质，跟后面这种，过于繁复的图案完全不同。

简化后的图标：

它便于进行标志创作，常在有限空间里进行构思。构思合理的纹样，避免过于繁复。

界面采用简约设计，有助于用户快速掌握，同时也能淡化设计本身，使信息更加突出。

图标

部分界面标志展现出更强的解释性特征。以Yelp应用为例，其标志制作十分考究。

Yelp icons by Scott Tusk

手机，平板和桌面应用的主图标，需要恰当的细节来增强空间感和色彩表现力，因为用户会根据它们在主屏，docks栏，应用商店中的形象来形成认知，这样的图标能有效传递品牌和产品信息。

Apple app icons for , , and

5、一致性

为了保持图标的和谐统一，要始终保持相同的视觉规则。

在iOS13之前，苹果图标有各种描边，填充和大小：

苹果自家家居界面图标，在iOS 13系统发布之前

斜视这一组，有些图标感觉比其他的更重吗？

每个图标都带有独特的视觉“分量”sketch app sources，这取决于其填充、轮廓粗细和形态等特征。若在一系列图标中维持这些参数不变，就能形成整体的协调感。

苹果近期调整了其标志设计，整体视觉效果更为协调统一。他们规范了标志两种形态间的填充与轮廓处理方式，确保了风格的高度统一性。

Icons from Apple’s SF

维护庞大的图标集合，确保风格统一，并非易事，特别是当参与创作的人员众多时。必须建立明确的标准和规范，作为行动的依据。

这些图标的集合达到了700个以上的规模，遵循了一致的标准，并且对每一个图标都进行了严谨的检测。尽管它们的形态互不相同，不过所有图标都拥有相同的分量，并且能够紧密地组合在一起。

of the icon

6、个性

各个图标组合都有其特有的格调。它的与众不同体现在哪里？对于这个标志它传递了怎样信息？它营造了怎样的情境？

Waze icons

Waze 的用户界面之所以广受欢迎，很大程度上得益于其图标设计。这些色彩丰富、体量感强的图标传递出一种信息：我们很有个性！

的图标圆润，清晰：

icons

的图标精致:

icons by Janik

的图标非常可爱:

from

图标集合为桌面装饰呈现丰富选择，囊括多种艺术流派，诸如几何抽象、像素构成、立体气泡以及炫彩霓虹等类别，种类繁多，风格各异。

从上到下，从左到右：iJUK，空格，空格

7、易用性

图标设计并非只求美观即可完成，它尚需经历细致的检验和周密的规划，目的是为了将来能便捷地创作新图标，并且方便在各种情境中使用，例如在手机界面展示，或是打印物料时应用，同时确保程序员能够毫不费力地将图标信息嵌入程序代码。

一套非常好的图标库应该是有组织，有文档记录，并被测试过的。

有组织

维护主体文档的整齐，图标命名要有条理，这样更容易查找。要思考最合适的归类方法，是按字母排列？按尺寸排列？还是按种类排列？

A file, by type pages

图标文档

阐明这套icon的主要原则:

图标原则示例:

列出具体参数规则：

参数规则示例:

一些优秀的图标系统规范:

icons

https://.io///-icons.html

IBM的界面图标，应用图标，以及图标使用指南

该网址指向IBM公司的图标资源路径，具体链接包含了多个斜杠字符，用于构建资源定位的完整地址

Icons

https://..com//icons

测试

核实标志的统一性，确认标志在特定环境中功能正常sketch app sources，同时也要保证它在整体视觉框架内能融洽搭配。

图标组合展示可以用来核实我们的规范，包括明白、辨识度高、排列整齐、精简、统一以及独特性。

Test used in ’s QA

自定义工具

最后，如果你有资源，创建工具来方便图标的使用。

谷歌图标容易使用与他们的自定义图标库很有关系。

’s easy-to-use icon

文字注释确实很有帮助，尽管之前的一些规则没有明确指出这一点，不过这样已经让他们的图标变得相当方便了，他们提供了多种方式来使用这些图标，比如通过他们的前端框架库，也可以从CDN获取，还可以使用图标字体，或者直接获取原始的svg文件。

Font ’s Icon

如有侵权请联系删除！