色彩系統

Android TV 遵循 Google 的質感顏色規範,確保介面打造一致且賞心悅目的介面。可以針對電視螢幕打造引人入勝的沉浸式視覺風格。本指南詳細說明如何將質感設計主題套用至 Android TV 介面。

重點特色

  • Android TV 遵循 Google 的 Material Design 色彩指南,但已針對電視進行最佳化調整。
  • 從深色主題建構,打造電影般的體驗。
  • 請使用 Material Design 主題建構工具來建立主題。

色彩配置

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

色彩配置的基礎是五組主要顏色,每組顏色分別與 13 個以上色調的不同色調調色盤相關。在 UI 中,每個色調調色盤的特定色調都會指派給不同顏色的角色。主要顏色是建立任何動態色彩配置的基礎。您可以使用 Material Design 主題設定建構工具,根據單一根顏色建立主要顏色,也可以自行挑選按鍵顏色。

按鍵顏色

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

色彩主題產生程序

質感主題建構工具會產生具有相同顏色符記的深色和淺色色彩配置,讓使用者可輕鬆切換主題。

顏色角色

Primary

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

輔色主要

Secondary

次要角色用於 UI 中較不醒目的元件,例如篩選器方塊,以及色彩運算式的其他機會。

輔導級

Tertiary (第三)

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

口音三元組

途徑

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

途徑

外框

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

Outline

動態色彩

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

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

使用 Material color 公用程式開發人員程式庫,就可以直接從圖片擷取主要顏色,或執行自己的色彩擷取演算法來找出金鑰顏色,然後使用 Material 色彩公用程式產生主題。

以下範例說明如何從圖片中擷取顏色:

動態色彩

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

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

動態色彩應用程式範例

無障礙功能

請參閱「Android TV 無障礙功能最佳做法」一文,瞭解無障礙功能的注意事項