电视设计中的颜色可以激发用户灵感、营造氛围，甚至可以促使用户做出决定。它是一种强大的、实实在在的元素，用户最先注意到。颜色作为一种与广泛受众群体建立联系的丰富方式，因此是打造高品质电视界面的重要一步也就不足为奇了。
亮点
- “标准”照片模式是最常见的电视显示设置。
- 大多数电视都支持 sRGB。
- 在选择颜色时，请考虑用户在不同的距离和光线较暗的环境中观看电视。
- 电视的显示技术和颜色空间设置可能会有很大差异。
- 请务必使用尽可能多的设备和颜色空间变体进行测试。
- 在使用颜色时，请考虑不同的用户需求和偏好。
- 使用渐变色时，请注意常见的电视问题，例如条带。
电视颜色和电视显示屏
一种常见的误解是，所有显示屏都以相同的方式显示所有颜色。或许您在使用工作笔记本电脑或在朋友家观看电影时已经注意到了这一点。同一颜色可能会因电视型号、计算机显示器和移动设备而异。
颜色空间
颜色空间是指 TV 显示屏可以再现的色谱。其中包括 sRGB 和 DCI-P3 颜色空间。sRGB 是使用最广泛的颜色空间，与最广泛的电视型号兼容。它可用于操作系统、电视节目和游戏。
选择 DCI-P3 颜色空间可使视频看起来更鲜艳、更逼真。由于使用 DCI-P3 制作的内容可以使用更多颜色，因此这些内容可能仅与高级电视显示屏兼容。
“画面”模式
“画面”模式会改变电视处理图像的方式，从而影响电视上的色彩质量。例如，标准照片模式通常会尝试生成更准确的颜色表现形式，而“鲜艳”照片模式则会提高颜色的饱和度，使画面更鲜艳。
大多数电视面板的默认画面模式为“标准”。此模式旨在提供平衡的画面和准确的色彩。但用户有很多选项可供选择许多用户会更改画面模式，以提高用户感知的画面质量。
我们来看看七种常见的照片模式：
- 标准：默认照片模式。它能够呈现平衡的画面和准确的色彩。
- 鲜艳：调高色彩的饱和度，让颜色更鲜艳。
- 动态：提高图片的对比度，让图片看起来更清晰。
- 游戏：优化游戏画面，减少输入延迟。
- 影片：优化影片画面，减少动态模糊。
- 体育：优化图片以观看体育赛事，提高图片的亮度。
- 自定义：允许用户根据自己的偏好设置调整照片设置。
对比度
对比度是画面质量最重要的方面之一，尤其是对于现代 HDR 显示屏。这是电视可以生成的最深黑色和最亮白色之间的差值。对比度越高，通常意味着黑色越深，这对整体画质质量有着很大的影响。
对比度：562:1（低）
|
对比度：Inf：1（完美）
|
在不同的电视上，同一颜色在低对比度的电视上可能会显得暗淡。为确保良好的用户体验，设计人员在针对 TV 应用创建界面时应考虑以下提示：
- 文字颜色和背景颜色的反差都非常大。
- 选择字号和行间距更大且清晰易读的字体。
- 纳入无障碍功能。
- 避免单纯依靠颜色来传达信息。
- 针对不同的颜色空间（SDR 和 HDR）进行优化。
- 在不同光照条件下测试清晰度。
显示技术
显示技术也会影响屏幕上显示的颜色。一些常见类型包括：
- LCD：液晶显示屏是最常见的电视显示屏类型。这种技术利用背光照亮液晶面板，液晶面板会阻挡或允许光线透过，从而形成图像。LCD 电视价格相对便宜，尺寸多种多样，但对比度和色彩再现性不佳。
- LED：发光二极管显示屏是一种新型的 LCD 电视，使用 LED 作为背光。LED 灯比传统 LCD 更节能，可以产生更明亮、更生动的图像。LED 电视往往比 LCD 电视更贵。
- QLED：量子点发光二极管显示屏是一种使用量子点发光的 LED 显示屏。量子点是微小颗粒，与传统 LED 相比，可以产生更广的色彩。
- OLED：有机发光二极管显示屏是一种使用有机材料发光的 LED 显示屏。OLED 电视是最昂贵的电视类型，但与任何类型的电视相比，OLED 电视的对比度和色彩表现最出色。
在呈现颜色时，每种类型的 TV 显示技术各有优缺点。
如需了解详情，请观看 The Slow Mo Guys 的 How a TV Works in Slow Motion。
原则
如需了解详情，请参阅 Material 颜色原则。
- 以无障碍为先：电视界面拥有多样化的受众群体。从年轻人到老年人，再到视障人士在使用颜色时，始终要将需求和偏好考虑在内。将无障碍功能放在首位可以为用户提供高效的体验。例如，符合颜色对比度标准。注意：请始终考虑不同电视型号之间的颜色呈现变化。
- 明确颜色：如果使用得当，颜色可以促进沟通并打造有意义的沉浸式体验。它反映了您的产品在整个 TV 界面中的身份。
- 选择对比鲜明的背景：对比鲜明的背景有助于用户理解应用的文字和各种元素并与之互动。较高的对比度可确保内容清晰可见。
屏幕条带
电视上的屏幕条带是指屏幕上出现不属于实际显示内容的可见水平或垂直线、条带或渐变效果。该工件可能表现为不同的线条，也可能在屏幕上呈现出颜色或阴影的渐变过渡。条带可能是由色深、压缩伪影、信号干扰、面板或 GPU 问题等因素导致的。
在为 TV 设计界面时，特别是在涉及渐变和避免条带时，请考虑以下提示：
- 使用高色深渐变：为了尽可能降低出现条带的风险，请使用色深较高的渐变（例如10 位或更高）。这样可以确保在颜色之间更流畅地过渡，并降低可见条带的可能性。
- 避免极端的颜色过渡：创建渐变时，请尽量避免颜色之间的过渡明显，因为这些颜色更容易出现条带。相反，应使用更细微的渐变颜色过渡，让界面呈现更流畅的外观。
- 在多个设备上进行测试：由于电视的色深和面板质量可能有所不同，因此请务必在多台设备上测试界面设计，以确保渐变在不同屏幕上都能流畅呈现且没有条纹。
- 使用抖动技术：抖动是一种技术，能够以有图案、类似噪声的方式将颜色混合在一起，从而帮助减少条带。这有助于营造更流畅的颜色过渡效果，即使在色深较低的屏幕上也是如此。
- 选择纯色或细微的图案：如果渐变对您的设计不是必不可少的，请考虑改用纯色或细微的图案。这些控件不易出现条带，但仍能够打造美观的界面。