颜色

适用于 Wear OS 的 Material Design 使用颜色较深的调色板。具体而言,您必须为应用和功能块使用黑色背景。

配色方案

Wear OS 配色方案基于基准 Material Design 颜色主题创建。您可以按原样使用该主题,也可以针对您的应用进行自定义。

此主题包括以下各项的默认颜色:

  • 主要颜色和次要颜色
  • 主要颜色和次要颜色的变体
  • 其他界面颜色,例如背景、界面、错误、排版和图标的颜色

颜色

深色主题

所有深色主题颜色所显示的元素都应具有足够的对比度,符合 WCAG 的 AA 标准,即正文文本应用于任何高度的表面时都要达到至少 4.5:1 的对比度。

使用饱和度较低的颜色以符合无障碍要求

深色主题应避免使用饱和色,因为它们不符合 WCAG 的无障碍标准,即正文文本与深色表面的对比度至少达到 4.5:1。饱和色还会在深色背景上产生光学振动,导致眼睛疲劳。因此,请改为使用饱和度较低的颜色,它们更清晰可辩。

图 1. 调色板中饱和度较低的颜色更容易辨识。

图 2. 避免在深色背景上使用饱和色。

主要颜色

主要颜色是应用在屏幕和组件中最常显示的颜色。基准 Material Design 深色主题使用 200 种色调作为主要颜色。这符合 WCAG 的 AA 标准,即普通文本在任何高度的表面上都要达到至少 4.5:1 的对比度。

图 3. 深色主题中的主要调色板示例。1. 主要颜色指示符 2. 色调变体

次要颜色

次要颜色可用于突出界面的特定部分。在深色主题中,可以降低次要颜色的饱和度,以满足 4.5:1 的对比度要求。

在图 4 中,1) 表示次要颜色指示符,2) 表示色调变体。

图 4. 深色主题中的次要调色板示例。

强调色

在深色主题中,深色界面会占据界面的绝大部分区域。强调色通常是浅色(饱和度较低的柔和色彩)或明亮的颜色(饱和度高的鲜艳色彩)。这有助于突出要强调的元素。请谨慎使用强调色来强调关键元素,例如文本或按钮。

查找强调色 您可以使用调色板生成器创建或查看颜色主题。调色板生成器还可用于创建调色板,即,基于主要颜色和次要颜色创建的一系列由浅到深的颜色变体。请为您的深色主题选择这些变体。

在图 5 中,1) 表示默认的主题主要颜色指示符,2) 表示深色主题主要颜色指示符。

图 5. 为了提高深色主题的灵活性和易用性,我们建议使用较浅的色调 (200-50),而不要使用饱和色调 (900-500)。

请对界面的大部分区域(例如背景颜色)使用较深的色谱。将较浅的颜色预留给强调色和界面元素。