4、车载HMI配色原则：高对比度与可读性、夜间模式与防眩光设计、色彩一致性原则
好，咱们今天聊聊车载HMI的配色。说实话，这玩意儿比手机UI难搞多了。手机你亮度调低点、颜色暗一点，顶多看着费劲。但在车上，配色搞不好，那可是要出安全问题的。
我做了这么多年车载HMI，踩过的坑不少。今天就把几个核心原则掰开揉碎了讲给你听。记住，车载配色不是艺术创作，是安全工程。
4.1 高对比度与可读性
先问个问题：为什么很多车载界面喜欢用深色背景？
答案很简单——阳光。你想想看，大太阳底下开车，中控屏幕要是用浅色背景，那反光能亮瞎眼。我有个项目，客户非要搞个白色主题，结果路试的时候，驾驶员根本看不清导航信息。后来全改了。
高对比度，说白了就是让文字和背景之间「拉开差距」。我个人习惯，文字对比度至少要到7:1。这是WCAG 2.1的AA级标准，但在车上，我建议你直接奔着AAA级去，也就是7:1以上。
核心数据：
- 正常文本：对比度 ≥ 7:1（AAA级）
- 大号文本（18px以上）：对比度 ≥ 4.5:1
- 图标与背景：对比度 ≥ 3:1
我在项目中遇到过一种情况：设计师用了深蓝色背景配白色文字，看着挺高级。结果一上路，阳光一照，蓝色背景泛白，文字直接「隐身」了。嗯，这里要注意——不要依赖颜色本身，要依赖亮度差。你可以在灰度模式下检查一下，如果文字和背景的灰度值拉不开，那这个配色就有问题。
| 场景 | 推荐配色 | 对比度 | 避坑 |
|---|---|---|---|
| 日间模式 | 深灰背景 + 白色文字 | 12:1 | 避免纯黑背景（反光严重） |
| 强光环境 | 黑色背景 + 亮黄/亮绿文字 | 15:1 | 避免红色文字（色盲用户看不清） |
| 夜间模式 | 深蓝/深灰背景 + 浅灰文字 | 7:1 | 避免纯白文字（刺眼） |
4.2 夜间模式与防眩光设计
夜间模式，不是简单地把背景变黑就完事了。我见过太多「伪夜间模式」——背景黑了，但图标还是原来的亮色，结果晚上开车，那个导航箭头亮得跟探照灯似的。
防眩光设计的核心是什么？降低亮度，而不是降低对比度。
什么意思？就是说，夜间模式下，文字和背景的对比度依然要保持，但整体亮度要降下来。我建议夜间模式的主背景亮度控制在10-30 cd/m²，文字亮度控制在100-150 cd/m²。这样既看得清，又不刺眼。
我的小技巧：
夜间模式不要用纯黑（#000000），用深灰（#1A1A2E）或者深蓝（#0D1B2A）更好。纯黑在暗光环境下会让眼睛产生「空洞感」，反而容易疲劳。
还有一个很多人忽略的点——自动切换的平滑度。我曾经在一个项目里，日间模式切夜间模式用了0.5秒的渐变。结果测试的时候，驾驶员说「感觉屏幕闪了一下」。后来我改成2秒的缓动渐变，配合环境光传感器的采样频率，体验就好多了。
防眩光还有一个物理层面的设计——表面处理。屏幕的AG（防眩光）涂层，粗糙度控制在0.2-0.4μm之间比较合适。太光滑了反光严重，太粗糙了画面发雾。这个参数我建议你直接跟屏幕供应商确认，别自己瞎猜。
4.3 色彩一致性原则
这个原则，说白了就是「别乱用颜色」。我见过一个项目，仪表盘用蓝色表示电量，中控屏用绿色表示电量，结果用户反馈「到底哪个是对的？」。
色彩一致性，包含三个层面：
- 功能语义一致：红色永远表示警告/危险，绿色永远表示正常/安全，黄色永远表示注意/提醒。别搞创新。
- 品牌色系统一：车机里的主色、辅色、强调色，要和整车品牌调性一致。比如宝马的橙色背光，奔驰的蓝色氛围灯，这些是品牌资产，别乱改。
- 跨屏幕一致：仪表盘、中控屏、HUD、后排娱乐屏，同一个功能用同一个颜色。我建议你建一个「车载色彩规范表」，所有设计师和开发都按这个来。
警告：
不要为了「好看」而随意改变功能颜色。我曾经有个项目，设计师觉得红色太刺眼，把「电池电量低」的警告改成了橙色。结果用户没注意到，半路没电了。从那以后，我再也不允许任何人动功能色。
这里给出一份我常用的车载色彩规范示例：
| 颜色 | 用途 | 色值（日间） | 色值（夜间） |
|---|---|---|---|
| 红色 | 警告、故障、紧急 | #E53935 | #B71C1C |
| 橙色 | 注意、提醒、低电量 | #FB8C00 | #E65100 |
| 绿色 | 正常、已连接、满电 | #43A047 | #2E7D32 |
| 蓝色 | 信息、导航、功能 | #1E88E5 | #1565C0 |
| 灰色 | 背景、次要信息、禁用 | #9E9E9E | #616161 |
最后说一句，色彩一致性不是死板。你可以根据品牌调性调整色相，但功能语义不能变。比如你的品牌主色是紫色，那你可以把「信息」类的蓝色改成紫色，但「警告」必须还是红色。这个底线，谁都不能碰。
嗯，今天就聊到这儿。下一章咱们讲图标设计，那个坑更多，到时候再细说。