文字隐喻最适合用明确的方式阐明目的和承诺。 一个有效图标的好测试是用户在没有标签的情况下也能判断出它代表什么。
只有在无法找到文本、自言自明的隐喻来表示产品的核心功能的情况下,才使用抽象的隐喻。
图标不应在设计过程中包括版式。 应避免图标上的字母和单词,并且仅在它至关重要时使用。 应用的名称将与操作系统中的图标一同出现。
设计指南:形状
网格和圆角
Microsoft最初将其图标对齐到48x48网格上,以确保图标在利用可用空间的同时,仍能保持独特的形状和轮廓。 将图标的独特特征对齐到网格上,以便与其周围的其他图标保持平衡。
亲和力
是 Microsoft 的个性原则。 我们传达这种特征的一种方法是使用软角或圆角。 应设计应用产品图标中使用的形状以与图标网格对齐。 这些形状的角应与图标网格中的圆角匹配。 当圆角应用于尺寸为 48x48 的外部曲线时,请使用 2px 半径。 当圆角应用于内部曲线时,请改用 1px 半径。
视觉均衡的剪影允许良好的图标可伸缩性,也避免了粗细形状的极端。 使用网格来设计一种既独特又在小尺寸下清晰易读的剪影。 尽量使用少量形状和角来区分你的产品,同时确保在 Windows 上仍然保持兼容和协调。
添加详细信息时,需要注意在较小的尺寸下保持可读性。 建议仅向图标最突出的层添加其他文本详细信息。
设计指南:颜色和渐变
仔细选取颜色,避免仅依赖颜色来传达含义。 使用形状和象征配合颜色来表达。 为了避免在跨各种大小缩放图标时的复杂性,应尽量减少对颜色的处理。 颜色渐变、不同不透明度的覆盖层和颜色色调应保持在最低水平。
大多数情况下,渐变应是微妙的。 尝试将渐变限制为水平方向和垂直方向的一两个台阶。
渐变的默认角度为 120 度。 可以相应地调整起点和终点。 重要的是,这是一个平稳的过渡。 避免非常紧密的转换,感觉类似于反射或维度。
单色调色板
使用以下步骤创建单色调色板:
从同一色调创建三种颜色。 在大多数情况下,你必须调整光的颜色使其更亮,而深色要降低饱和度,当然你应该根据自己的最佳判断进行调整。
在每个基色之间创建三个步骤。 这是你的主通道。 大多数图标都应由这些颜色组成。
对于更丰富的调色板,请使用与步骤 2 相同的方法创建从白色色调到黑色的阴影。 只有在需要增加对比度时,才应该使用这些色调和阴影。
深色和浅色阴影的色调通常毫无用处且黯淡无光。 可以删除它们。
无障碍功能是 Microsoft 的高优先级。 应用图标主要显示在浅色和深色背景上,也可以显示在桌面背景图像以及系统主题色的色调或阴影上。 很难使图标 100% 在每个背景上都可访问,但你可以执行多项作来确保你的图标尽可能易于访问。
在所有 3 个范围中使用颜色值,深色、中等、浅色。
请确保至少有一半的图标在浅色和深色主题中达到 3.0:1 的对比度。
某些色调值比其他值更困难。 黄色在浅色主题中不会达到可访问性的对比度标准,除非它变成棕色。 在深色主题下,红色更难以辨别。
虽然不需要,但可以选择为任务栏、“开始”和其他 Windows 主题敏感区域提供单独的浅色和深色主题资产。
Windows 11 不再需要应用图标的高对比度资源。
高对比度图标是黑白的,应是应用图标的直接表示形式。 通常,可以从颜色版本使用纯色填充和线条创建出高对比度的图标。 避免高对比度图标中的渐变。 有时,为了满足应用内体验的需求,
单行图标
应根据这些准则进行设计。
分层和阴影
尽可能少使用层,并最大程度地减少形状之间大小的极端对比。
使用图标内的投影阴影在对象层之间创建清晰度,并在图标设计中直观地将各个组件相互连接。
一般来说,从光源投射到深色形状的阴影效果最佳。
内部阴影应仅将阴影投射到图形符号上,而不应投射到周围的背景上。
有两种类型的内部阴影,每种类型都有两个阴影。
所有这些值都将以 48x48 像素呈现,并从那里纵向扩展或缩减。 如果不符合此要求,则整个图标系统中的阴影将不一致。
有两种类型的对象阴影,两种对象阴影各有两个阴影。 同一隐喻中的物体其阴影的模糊度略低。