眼镜上的颜色

颜色会考虑显示、环境和认知。眼镜上的颜色使用高度精细的调色板,以支持加色显示的行为并优化视觉舒适度。眼镜上的颜色应谨慎使用,以与现实世界相协调,指示重要操作、显示图像或提供语义含义。

在透视显示屏上,黑色是透明的。在设计时请注意这一点,因为较深的颜色会显得暗淡或透明,但也可以用来营造深度感。

配色方案

眼镜配色方案(用于为应用颜色设置主题的一组颜色令牌或角色)包含 3 个强调色角色、4 个表面色(或中性色)角色及其对应的“on”颜色。颜色角色与移动版方案中的角色类似,应以相同的方式使用。

设计元素应锚定到帧的底部。

强调色可用于 on 颜色,以实现有限的强调效果。

为大多数文本内容使用白色文字。字体颜色可用于突出显示文本。
为所有内容使用彩色文字。

自定义颜色

在为眼镜自定义颜色时,务必要确保尽可能减少视觉障碍,并与现实世界保持协调,同时优先考虑在各种光照条件下的可读性。 这需要仔细校准颜色,以平衡亮度与饱和度,确保清晰易读,同时保留足够的饱和度以便立即辨别。 您可以自定义主要颜色,以使用您的品牌颜色或主要互动颜色。请考虑所选颜色的对比度、饱和度和耗电量。

设计元素应锚定到帧的底部。

优化了品牌颜色和语义颜色

表示品牌、操作或系统提醒的颜色必须:

  • 亮度足以看清
  • 饱和度足够高,可以辨别为一种颜色

耗电量

有些颜色比其他颜色消耗更多电量并产生更多热量。如右图所示,在色调相同的颜色中,绿色最省电,蓝色最耗电。 尽量减少点亮的像素数。屏幕越亮,显示屏越热。请勿让屏幕显示全白,因为这可能会导致热缓解。

设计元素应锚定到帧的底部。

考虑用户将遇到的所有背景之间的对比度。
在各种背景下,界面元素的对比度过低,这可能会导致眼睛疲劳和难以辨认。
为了在任何背景上都有足够的对比度,您需要使前景色和背景色的色调对比度达到 70 (7:1)。 您可以将设计设置为屏幕混合模式,以测试此功能。
使用饱和度较低的颜色。
使用过度饱和的颜色。它们可能无法正常显示,从而影响可读性。

应避免使用自定义界面。

设计元素应锚定到帧的底部。

深色容器颜色

容器通常必须专注于显示其中的内容,而不会分散注意力:

  • 表面必须为黑色才能实现最高对比度
  • 轮廓应清晰可见,但不能过于突出

使用深色界面和浅色内容。
使用明亮或填充的界面。

您可以自定义轮廓,以添加品牌元素或富有表现力的界面。

使用默认颜色。这些功能已针对眼镜显示屏进行了高度优化。
使用多种轮廓颜色。

请谨慎操作,并协调焦点状态轮廓与默认状态轮廓之间的自定义颜色。

设计元素应锚定到帧的底部。 使用蓝色自定义轮廓焦点:焦点状态突出显示由 2 个轮廓组成,颜色应用于第 2 层以调整焦点状态。