颜色系统

Android TV 遵循 Google 的 Material 颜色指南,确保界面具有一致性和视觉吸引力。它创造了一种为电视屏幕量身定制的高度沉浸式和引人入胜的视觉风格。本指南详细介绍了如何将 Material Design 主题应用于 Android TV 界面。

亮点

  • Android TV 遵循 Google 的 Material 颜色指南,但针对电视进行了优化。
  • 从深色主题构建,以打造影院级体验。
  • 使用 Material 主题构建器创建主题。

配色方案

配色方案可帮助您以有意义的方式将颜色应用于界面,从而实现和谐、品牌一致性和可扩展性。

配色方案的基础是五种关键颜色,它们分别与包含十三种或更多色调的独立色调调色板相关。每个色调调色板中的特定色调被分配到界面中的颜色角色。关键颜色是创建任何动态配色方案的基础。您可以使用 Material Theme Builder 基于一种根颜色创建关键颜色,或者选择您自己的关键颜色。

Key Colors

确定关键颜色后,Material 的算法会指定表达交互状态、错误和无障碍对比度所需的完整颜色范围。

Color theme generation process

Material 主题构建器使用相同的颜色标记生成深色和浅色配色方案,从而简化了主题之间的切换。

颜色角色

主色

主色角色用于界面中的关键组件,例如醒目按钮、活跃状态以及凸起表面的色调。

Accent Primary

辅色

辅色角色用于界面中不太醒目的组件,例如筛选标记,以及提供额外颜色表达的机会。

Accent Secondary

三级色

三级色角色用于对比鲜明的点缀,可用于平衡主色和辅色,或增强对某个元素的关注,例如输入字段。

Accent tertiary

表面

中性角色用于表面和背景,以及高强调文本和图标。在 Material Design 指南中了解更多关于表面的信息。

Surfaces

轮廓

Material Design 指南中了解更多关于轮廓角色的信息。

Outline

动态颜色

在 Android 移动设备上,从 Android 12 开始,用户可以通过壁纸选择和其他自定义生成个性化配色方案。Android TV 不支持壁纸,这意味着不支持用户生成的配色方案,且 Android TV OS 仅广播基本调色板。

您可以利用基于内容的配色方案来取代用户生成的方案,根据电影海报、专辑封面和其他主视觉图片等内容,创建动态且富有玩味的设计。有关详细信息,请参阅基于内容的配色方案

使用 Material 颜色实用工具开发者库,您可以直接从图像中提取关键颜色,或者运行您自己的颜色提取算法来找到关键颜色,然后使用 Material 颜色实用工具生成主题。

以下是颜色从图像中提取的示例

Dynamic Color

  1. 源图像
  2. 提取的种子颜色
  3. 生成的关键颜色

您可以使用这些关键颜色生成配色方案,或使用色调将其应用于您的界面。

Dynamic color application example

无障碍功能

有关无障碍功能的注意事项,请参阅Android TV 无障碍功能最佳实践