色彩系統

Android TV 遵循 Google 的質感色彩規範,確保介面呈現一致且吸睛的介面。專為電視螢幕打造,提供極致的沉浸式視覺風格。本指南詳細說明如何將質感設計主題套用至 Android TV 介面。

重點特色

  • Android TV 遵循 Google 的質感設計顏色準則,但已針對電視進行最佳化。
  • 運用深色主題打造如電影般的體驗。
  • 使用質感設計主題建構工具建立主題。

色彩配置

色彩配置可協助您以有意義的方式將顏色套用至 UI,創造協調、品牌一致性和擴充性。

色彩配置的基礎在於五種主要顏色的組合,這些顏色各自代表具有 13 個以上色調的獨立色調調色盤。系統會將每個色調調色盤的特定色調指派給 UI 中的不同顏色角色。主要顏色是建立任何動態色彩配置的基礎。您可以使用質感設計主題建構工具,根據單一根顏色建立主要顏色,或自行挑選主要顏色。

按鍵顏色

建立按鍵顏色後,Material 的演算法會指定表示互動狀態、錯誤和可存取對比所需的完整顏色。

色彩主題產生程序

質感主題建構工具使用相同的顏色權杖產生深色和淺色主題,方便您輕鬆切換主題。

顏色角色

主要

主要角色適用於 UI 中的重要元件,例如醒目的按鈕、有效狀態及進階介面的色調。

色調主要

Secondary

次要角色適用於 UI 中較不顯眼的元件,例如篩選器方塊,以及顏色運算式的其他商機。

輔色次要

Tertiary (第三)

第三角色用於對比鮮明的強調色,可用來平衡主要和次要顏色,或提高元素 (例如輸入欄位) 的注意力。

重音符號

途徑

中立角色用於介面和背景,高強調的文字和圖示。如要進一步瞭解途徑,請參閱 Material Design 指南

途徑

輪廓線

如要進一步瞭解概述角色,請參閱 Material Design 指南

描繪外框

動態色彩

在 Android 12 開始的 Android 行動裝置上,使用者可以透過桌布選項和其他自訂項目產生符合個人需求的配置。Android TV 不支援桌布,因此不支援使用者產生的配置,且 Android TV OS 只會播送基本調色盤。

如要取代使用者產生的配置,您可以使用以內容為基礎的色彩配置,根據電影海報、專輯封面和其他主頁橫幅等內容來建立動態有趣的設計。詳情請參閱「以內容為基礎的色彩配置」。

透過使用 Material 色彩公用程式 開發人員資料庫,您可以直接從圖片擷取鍵顏色,或執行自己的色彩擷取演算法以找出索引鍵顏色,然後使用 Material Color 公用程式產生主題。

以下是從圖片擷取顏色的範例:

動態色彩

  1. 來源映像檔
  2. 擷取的種子顏色
  3. 產生的按鍵顏色

您可以使用這些主要顏色產生色彩配置,也可以使用色調將色彩套用至 UI。

動態色彩應用程式範例

無障礙功能

如要瞭解無障礙功能注意事項,請參閱 Android TV 的無障礙功能最佳做法