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 公用程式產生主題。
以下是從圖片擷取顏色的範例:
- 來源映像檔
- 擷取的種子顏色
- 產生的按鍵顏色
您可以使用這些主要顏色產生色彩配置,也可以使用色調將色彩套用至 UI。
無障礙功能
如要瞭解無障礙功能注意事項,請參閱 Android TV 的無障礙功能最佳做法