颜色系统

Android TV 遵循 Google 的 Material 颜色准则,可确保界面协调一致且具有视觉吸引力。它可以根据电视屏幕打造高度沉浸式且极具吸引力的视觉风格。本指南详细介绍了如何将 Material Design 主题应用于 Android TV 界面。

亮点

  • Android TV 遵循 Google 的 Material 颜色准则,但针对 TV 进行了优化。
  • 基于深色主题进行构建,打造影院级体验。
  • 使用 Material 主题构建器创建主题。

配色方案

配色方案有助于您以有意义的方式将颜色应用于界面,从而创造和谐、品牌一致性和可伸缩性。

配色方案的基础是五种关键颜色,这些颜色分别与具有 13 种或更多色调的单独调色板相关。每种色调调色板中的特定色调会被分配给整个界面中的颜色角色。关键颜色是创建任何动态配色方案的基础。您可以使用 Material Theme Builder 根据一种根颜色创建关键颜色,也可以自行挑选关键颜色。

主要颜色

确定关键颜色后,Material 的算法会指定表达互动状态、错误和可访问的对比度所需的全部颜色。

颜色主题生成过程

Material 主题构建器可以使用相同的颜色令牌生成深色和浅色配色方案,从而可让您轻松地在主题之间切换。

颜色角色

主要

主要角色适用于整个界面中的关键组件,例如显眼的按钮、活动状态以及凸起表面的色调。

主要变音符号

次要

次要角色用于界面中不太显眼的组件,例如过滤组件,以及用于颜色表达式的额外功能。

重音符号

第三

三级角色用于对比强调,可以平衡主色和辅色,或引起用户对某个元素(例如输入字段)的高度关注。

第三重音

surface

中性角色用于 Surface 和背景,以及高强调度文本和图标。如需详细了解 surface,请参阅 Material Design 准则

surface

提纲

如需详细了解大纲角色,请参阅 Material Design 准则

边框

动态配色

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

您可以使用基于内容的配色方案,以电影海报、专辑封面和其他主打图片等内容为基础,创建动态、有趣的设计,从而取代用户生成的方案。如需了解详情,请参阅基于内容的配色方案

借助 Material 颜色实用程序开发者库,您可以直接从图片中提取关键颜色,也可以运行自己的颜色提取算法来查找关键颜色,然后使用 Material 颜色实用程序生成主题。

以下示例展示了如何从图片中提取颜色:

动态颜色

  1. 来源图片
  2. 提取的种子颜色
  3. 生成的密钥颜色

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

动态配色应用示例

无障碍功能

有关无障碍功能注意事项,请参阅 Android TV 无障碍功能最佳做法