网站图标与图形如何避免千篇一律

使用图标来完成已定义的任务

图标可以识别熟悉的操作、区分重复的类别或强化简短的标签。每个段落旁边都有一个独特的抽象符号，增加了解释工作，但没有帮助导航。

去掉图标，检查是否失去意义；仅当它可以提高识别或比较时才保留它。

从图标需要执行的作业开始。导航符号、状态指示器、特征图和装饰标记有不同的要求。使用熟悉的形状来执行常见操作，并在含义可能不明确时添加文本。图标应该减少阅读的难度，而不是制造一个小谜题。在没有颜色的情况下以最终尺寸进行测试；在设计文件中看起来精致的细小细节可能会在手机上消失。

保持几何形状和重量一致

笔画宽度、角形状、透视和填充区域营造出家族相似性。将细轮廓图标与粗填充符号混合在一起，使服务网格看起来是由不相关的套件组装而成的。

比较图标的实际显示尺寸并定义网格、笔划和光学校正规则。

一致性来自受控绘图系统。定义网格、描边、边角处理、光学尺寸以及填充或轮廓样式。按按钮和列表中使用的尺寸并排查看图标。混合多个库通常会产生不匹配的重量和比例。如果一个库满足了大多数需求，请重新绘制一些缺失的符号来匹配，而不是添加第二种不相关的视觉语言。

不要仅仅依赖图标

不熟悉的符号需要可见的标签，交互式控件需要易于理解的名称。含糊不清的图标的移动菜单可能会阻止不同意设计师解释的访问者。

使用标签、焦点状态、对比度和辅助技术语义进行测试。

图形应包含周围副本尚未提供的信息。工作流程图可以显示顺序和责任；比较图可以揭示差异；产品细节可以将注意力集中在某个功能上。通用浮动形状会增加文件重量，但无助于理解。在创建资产之前写下预期的要点，然后删除无助于该解释的标签或装饰。

规划所有权和文件交付

可用的图标系统包括源文件、导出大小和添加新符号的规则。如果没有所有者，后来添加的内容就会在风格上发生变化或者从不兼容的库中复制。

移交包括可访问的名称、导出大小和源所有权。装饰图标应远离辅助技术，而交互式控件则需要描述操作的标签。在适当的地方提供 SVG，但在发布之前检查代码和视图框。保留可编辑的源文件和使用索引，以便以后的添加遵循相同的系统，而不是在每个页面上重新启动图标样式。