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