电视上的色彩设计能够激发灵感、营造氛围，甚至引导用户做出决策。它是一个强大而有形的元素，用户首先会注意到它。作为与广大受众联系的丰富方式，色彩在打造高质量电视界面中成为重要的一步也就不足为奇了。
重点
- “标准”图像模式是最常见的电视显示设置。
- 大多数电视支持 sRGB。
- 选择颜色时，请考虑用户在不同的距离和低光照条件下观看电视。
- 电视的显示技术和色彩空间设置差异很大。
- 确保尽可能测试各种设备和色彩空间。
- 使用颜色时，请考虑不同的用户需求和偏好。
- 使用渐变时，请注意常见的电视问题，例如色带。
电视颜色和电视显示
一个常见的误解是，所有显示器都以相同的方式显示所有颜色。也许您在使用工作笔记本电脑或在朋友家观看电影时已经注意到了这一点。相同的颜色在电视型号、电脑显示器和移动设备之间可能会有所不同。
色彩空间
色彩空间是指电视显示器可以再现的颜色范围。其中包括 sRGB 和 DCI-P3 色彩空间。sRGB 是最广泛使用的色彩空间，与最大范围的电视型号兼容。它用于操作系统、电视节目和游戏中。
选择 DCI-P3 色彩空间可以使视频看起来更生动逼真。由于 DCI-P3 制作的内容可以访问更大比例的颜色，因此该内容可能仅与高级电视显示器兼容。
图像模式
图像模式可以通过改变电视处理图像的方式来影响电视上的色彩质量。例如，“标准”图像模式通常尝试产生更准确的色彩表示，而“鲜艳”图像模式则会提高色彩的饱和度，使它们看起来更鲜艳。
大多数电视面板的默认图像模式为“标准”。此模式旨在提供色彩准确的平衡图像。但是用户有很多选项可供选择。许多用户会更改图像模式以提高感知图像质量。
让我们看看七种常见的图像模式
- 标准：默认图像模式。它提供色彩准确的平衡图像。
- 鲜艳：提高色彩的饱和度，使它们看起来更鲜艳。
- 动态：提高图像的对比度，使其看起来更清晰。
- 游戏：优化游戏图像，减少输入延迟。
- 电影：优化电影观看图像，减少运动模糊。
- 体育：优化体育观看图像，提高图像亮度。
- 自定义：允许用户根据自己的偏好调整图像设置。
对比度
对比度是图像质量最重要的方面之一，尤其是在现代 HDR 显示器中。它是电视可以产生的最暗黑色和最亮白色之间的差异。更高的对比度比通常意味着更深的黑色，这会对整体图像质量产生很大影响。
对比度：562:1（低）
|
对比度：无限：1（完美）
|
在对比度低的电视上，相同的颜色可能会显得褪色。为了确保良好的用户体验，设计师在为电视应用创建 UI 时应考虑以下提示
- 使用文本和背景颜色之间的高对比度。
- 选择清晰易读的字体，字体大小和行距更大。
- 加入辅助功能。
- 避免仅仅依靠颜色来传达信息。
- 针对不同的色彩空间（SDR 和 HDR）进行优化。
- 在不同的光照条件下测试可读性。
显示技术
显示技术也会影响屏幕上显示的颜色。一些常见类型包括
- LCD：液晶显示器是最常见的电视显示器类型。它们的工作原理是使用背光照亮液晶面板，然后阻止或允许光线穿过以创建图像。LCD 电视相对便宜，并且有多种尺寸可供选择，但它们可能会出现对比度差和色彩再现差的问题。
- LED：发光二极管显示器是一种新型 LCD 电视，使用 LED 作为背光。LED 比传统 LCD 更节能，并且可以产生更明亮、更生动的图像。LED 电视往往比 LCD 电视更贵。
- QLED：量子点发光二极管显示屏是一种使用量子点发光的LED显示屏。量子点是微小的粒子，可以产生比传统LED更广泛的颜色范围。
- OLED：有机发光二极管显示屏是一种使用有机材料发光的LED显示屏。OLED电视是最昂贵的电视类型，但它们提供任何类型的电视中最好的对比度和色彩还原。
每种类型的电视显示技术在渲染颜色方面都有其自身的优缺点。
要了解更多信息，请观看来自慢动作哥的视频慢动作下电视的工作原理。
原理
更多阅读，请参阅Material 颜色 原理。
- 无障碍优先：电视界面面向多元化的受众，从年轻人到老年人再到视障人士。在使用颜色时，始终要考虑他们的需求和偏好。在您的UI中优先考虑无障碍性可以为用户提供高效的体验。例如，满足颜色对比度标准。注意：始终考虑不同电视型号之间的色彩渲染差异。
- 有目的的色彩：正确使用颜色可以增强沟通，创造有意义且身临其境的体验。它反映了您的产品在电视界面上的特性。
- 选择对比鲜明的基础：对比鲜明的背景有助于用户解读和交互您的应用程序的文本和各种元素。更高的对比度确保内容可见。
屏幕色带
电视上的屏幕色带是指显示屏上出现可见的水平线或垂直线、色带或渐变，而这些并非显示内容的一部分。这种瑕疵可以表现为明显的线条，也可以表现为屏幕上颜色或阴影的逐渐过渡。色带可能是由多种因素引起的，例如低色深、压缩伪像、信号干扰或面板或GPU问题。
在为电视设计用户界面时，尤其是在处理渐变和避免色带时，请考虑以下提示：
- 使用高色深渐变：为了最大限度地降低色带的风险，请使用高色深（例如，10位或更高）的渐变。这确保了颜色之间更平滑的过渡，并降低了可见色带的可能性。
- 避免极端的颜色过渡：创建渐变时，尽量避免颜色之间的急剧过渡，因为这些更容易出现色带。相反，使用更微妙、更渐变的颜色过渡，以便在屏幕上呈现更平滑的外观。
- 在多个设备上进行测试：由于电视的色深和面板质量可能会有所不同，因此务必在多个设备上测试您的UI设计，以确保渐变在不同的屏幕上看起来平滑且无色带。
- 使用抖动技术：抖动是一种可以帮助减少色带的技术，它以图案化、类似噪声的方式将颜色混合在一起。这有助于创造更平滑的颜色过渡的错觉，即使是在色深较低的屏幕上。
- 选择纯色或细微图案：如果渐变对您的设计并非必不可少，请考虑使用纯色或细微图案。这些不太容易出现色带，并且仍然可以创建美观的UI。