在電視上的色彩

電視設計的色彩可以啟發及設定情境，甚至能吸引使用者做決定。這項強大而具體的元素，能讓使用者先註意到這個元素。YouTube 讓您以豐富的方式與廣大的目標對象接觸，在打造高品質的電視介面時，顏色就是不可或缺的一環。

重點特色

• 「標準」相片模式是最常見的電視顯示設定。
• 多數電視支援 sRGB。
• 選擇顏色時，請考慮使用者在不同距離和低光源環境中觀看電視節目。
• 電視的顯示技術和色彩空間設定可能大不相同。
• 請務必盡量測試各種裝置和顏色空間的變化版本，盡可能執行測試。
• 使用顏色時，請考量不同的使用者需求和偏好。
• 使用漸層時，請留意常見的電視問題，例如色帶。

電視色彩和電視螢幕

這是常見的誤解，所有顏色都會以相同的方式顯示。也許您在工作用筆電或在朋友的看影片時注意到了。相同的顏色在電視型號、電腦螢幕和行動裝置之間可能有所不同。

色域

色域是指電視螢幕可重現的色彩種類。 包括 sRGB 和 DCI-P3 色域。sRGB 是最常用的色域，與最大的電視模型相容。用於作業系統、電視節目和遊戲。

選擇 DCI-P3 色域會讓影片看起來更生動有趣。由於 DCI-P3 製作的內容可以存取更多色彩比例，因此內容可能只與進階電視螢幕相容。

提示： 設計基本 UI 元素時，請使用標準 sRGB 色域，以盡可能提高各種電視型號的一致性。

相片模式

相片模式可以透過變更電視處理圖片的方式，影響電視上的色彩品質。舉例來說，標準相片模式通常會嘗試產生更準確的色彩呈現，而鮮明的圖片模式則會提高色彩的飽和度，讓色彩更加生動。

多數電視面板的預設影像模式為「標準」。此模式旨在透過準確的色彩提供平衡圖像。但使用者有多種選項可供選擇許多使用者會變更圖片模式來改善感知相片品質。

以下將說明七種常見的相片模式：

• 標準：預設圖片模式。這樣就能透過準確的色彩平衡 實現的理想
• 鮮明：增加色彩的飽和度，讓色彩更加生動。
• 動態：提高圖片的對比度，讓圖片更加銳利。
• 遊戲：將遊戲畫面最佳化，減少輸入延遲。
• 電影：調整電影畫面效果最佳，減少動態模糊問題。
• 運動：最佳化觀看運動的圖片，增加圖片的亮度。
• 自訂：可讓使用者根據自己的偏好設定調整圖片設定。

提示： 為取得最一致的呈現效果，請設計及測試標準相片模式的顏色。

對比

對比是畫質的最重要面向之一，特別是現代的 HDR 螢幕。這就是電視可產生的最深黑和最亮白之間的差異。對比度越高，通常代表黑色越深，代表整體相片品質有很大的差異。

對比：562:1 (低)

對比：Inf：1 (完美)

在不同電視上，相同顏色的對比度可能較低。為確保使用者享有良好的體驗，設計人員在為 TV 應用程式建立 UI 時應考量下列提示：

1. 使用高對比文字和背景顏色。
2. 選擇清晰易讀的字型，字型較大且行距較大。
3. 導入無障礙功能。
4. 避免只仰賴顏色來傳達資訊。
5. 針對不同的色域 (SDR 和 HDR) 進行最佳化。
6. 測試不同光源條件下的易讀性。

多媒體技術

顯示技術也可能會影響螢幕上的顯示色彩。常見的類型包括：

• LCD：液晶螢幕是最常見的電視螢幕類型。 這些方法會使用背光照亮液體晶板，接著封鎖或允許光穿越面板來建立圖片。LCD 電視費用相對便宜，而且有多種大小，但對比度不佳和色彩再製，可能並不明顯。
• LED：發光二極體顯示器是新型 LCD 電視，將 LED 燈當做背光。與傳統 LCD 相比，LED 更能有效節省能源，可以產生更明亮、更生動的影像。LED 電視的成本通常比 LCD 電視更高。
• QLED：量子點發光的二極體螢幕是一種 LED 螢幕，會使用量子點產生光。量子點是和傳統 LED 相較的微小粒子，產生的色彩範圍更廣。
• OLED：有機發光二極體螢幕是一種 LED 顯示螢幕，會使用有機材料產生光源。OLED 電視是價格最高的電視類型，但在所有類型的電視中，都能呈現最佳的對比和色彩。

每種電視顯示技術在算繪顏色時各有優缺點。

提示： 建議您以不同的顯示技術測試電視設計。

如要瞭解詳情，請觀看 The Slow Mo Guys 的 How a TV Works in Slow Motion 影片。

原則

詳情請參閱「Material 顏色」原則。

• 優先使用無障礙功能：電視介面的觀眾人數相當多元，從年輕到年長者到視障者使用顏色時，請務必考量需求和偏好將無障礙功能先放在 UI 中，可為使用者提供有效率的體驗。例如符合顏色對比標準。注意：建議您考量不同電視型號的色彩轉譯變化。
• 顏色搭配用途：正確使用時，顏色有助於促進通訊，並營造實用且身歷其境的體驗。能反映產品在電視介面中的身分。
• 選擇對比基礎：對比鮮明的背景，可協助使用者解讀應用程式的文字和各種元素並進行互動。高對比度可確保內容可見。

注意： 顏色選擇可能會影響電視上的耗電量。使用較暗的顏色可以節省電力。除非必要，否則請避免使用白色背景。

螢幕條紋

電視上的螢幕色帶是指螢幕上可見的水平或垂直線、色帶或漸層外觀，但不屬於實際顯示內容的一部分。此構件可能呈現為不顯眼的線條，或是在螢幕上的顏色或陰影中逐步轉換。條紋的原因可能是色彩深度、壓縮構件、訊號幹擾或面板或 GPU 問題等。

設計電視的使用者介面時 (尤其是在漸層考量和避免使用色帶問題時)，請考慮以下提示：

• 使用高色深度：為了盡量降低色帶風險，請使用高色彩深度的漸層 (例如10 位元以上)。這樣可確保不同顏色之間的轉換更順暢，並降低出現錶帶的可能性。
• 避免極端的色彩轉場：建立漸層時，請盡量避免在顏色間使用銳利的轉場效果，因為這樣的顏色較容易產生色帶。請改用更細微、漸變的色彩轉場效果，讓螢幕呈現更順暢。
• 在多種裝置上進行測試：由於電視的色彩深度和麵板品質可能有所不同，因此請務必在多部裝置上測試 UI 設計，確保漸層在不同螢幕上呈現流暢且沒有頻帶的視覺效果。
• 使用共用技術：網路共用是一種有助於減少頻帶的技術，以類似雜訊的方式混合色彩。這有助於營造更流暢的色彩轉場效果，即使是在色彩深度較低的螢幕上也一樣。
• 選擇純色或細緻的圖案：如果漸層對於設計來說並非必要，請考慮改用純色或細緻的模式。這些做法較不容易出現色帶問題，而且仍可建立美觀的 UI。