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 准则。
提纲
如需详细了解大纲角色,请参阅 Material Design 准则。
动态配色
在 Android 移动设备上,从 Android 12 开始,用户可以通过选择壁纸和其他自定义设置生成个性化的方案。Android TV 不支持壁纸,这意味着用户生成的方案不受支持,Android TV OS 仅广播基础调色板。
您可以使用基于内容的配色方案,以电影海报、专辑封面和其他主打图片等内容为基础,创建动态、有趣的设计,从而取代用户生成的方案。如需了解详情,请参阅基于内容的配色方案。
借助 Material 颜色实用程序开发者库,您可以直接从图片中提取关键颜色,也可以运行自己的颜色提取算法来查找关键颜色,然后使用 Material 颜色实用程序生成主题。
以下示例展示了如何从图片中提取颜色:
- 来源图片
- 提取的种子颜色
- 生成的密钥颜色
您可以使用这些关键颜色生成配色方案,也可以使用色调将其应用于界面。
无障碍
有关无障碍功能注意事项,请参阅 Android TV 无障碍功能最佳做法。