4. HMI视觉层级设计:信息优先级与字体规范
好,咱们进入第四个实战环节。视觉层级,说白了就是告诉驾驶员「先看哪里,再看哪里」。
我见过不少项目,功能做得挺全,但一上路就出问题——驾驶员找导航信息找了3秒钟,车都快追尾了。这就是视觉层级没做好。
今天咱们就聊聊,怎么用字体大小、对比度这些「视觉工具」,把信息优先级排得明明白白。
4.1 信息优先级:驾驶相关 > 娱乐 > 设置
这个优先级顺序,不是我拍脑袋定的。它来自一个基本事实:驾驶员的首要任务是安全驾驶。
我自己的习惯是,把车载HMI的信息分成三个层级:
| 优先级 | 信息类型 | 典型内容 | 视觉权重 |
|---|---|---|---|
| P0(最高) | 驾驶相关 | 车速、导航指令、ADAS警告、续航里程 | 最大字体、高对比度、常驻显示 |
| P1 | 娱乐/通讯 | 音乐播放、电话、媒体信息 | 中等字体、可隐藏、非干扰 |
| P2 | 设置/系统 | 车辆设置、蓝牙配对、系统更新 | 小字体、低对比度、二级菜单 |
为什么会这样分?你想想看,当车速120km/h时,驾驶员每多看一眼屏幕,车就多跑33米。这33米里,如果看到的是「蓝牙已连接」这种无关信息,那就是在拿命开玩笑。
我在项目中遇到过一个典型问题:某款车型把音乐专辑封面做得特别大,占据了仪表盘中央区域。结果导航箭头被挤到角落里,驾驶员经常错过路口。后来我们强制规定:驾驶相关信息必须占据屏幕中央40%以上的面积,娱乐内容只能放在两侧。
核心原则:
- P0信息:永远可见,永远在视觉焦点
- P1信息:可被P0信息覆盖或缩小
- P2信息:默认隐藏,需要用户主动调出
4.2 字体大小规范:不是越大越好
嗯,这里要注意。很多设计师觉得「字大就是好」,其实不是。字体大小要跟信息优先级、观看距离、驾驶场景匹配。
我一般用这个经验公式:
- 主信息(车速/导航): 观看距离×0.02。比如距离60cm,字体就是12mm(约34pt)
- 次级信息(音乐/时间): 观看距离×0.012,约7mm(20pt)
- 辅助信息(设置/状态): 观看距离×0.008,约5mm(14pt)
说白了,就是「重要信息一眼能看清,次要信息扫一眼能识别,无关信息不干扰视线」。
我曾经在一个项目中,把导航提示字体从28pt改到36pt,结果测试时驾驶员反馈「字太大了,挡视线」。后来我们做了动态字体——正常行驶时用32pt,接近路口时自动放大到40pt,同时把周围信息透明度降低。效果很好。
我的小技巧:
在Figma或Sketch里做原型时,我会把屏幕截图打印出来,贴在方向盘后面模拟真实观看距离。如果某个字需要「眯着眼」才能看清,那就太小了;如果某个字「一眼就看完」但内容不重要,那就太大了。
4.3 对比度规范:看得清,但不刺眼
对比度这事儿,白天和晚上完全是两码事。
白天阳光直射时,屏幕反光严重。我建议P0信息的对比度至少达到7:1(WCAG AAA标准)。P1信息可以降到4.5:1。P2信息3:1就够了。
晚上呢?高对比度反而成了问题。全黑环境下,白色文字配黑色背景,对比度高达21:1,看久了眼睛累,还会影响夜间视力。
所以我的做法是:
| 场景 | P0对比度 | P1对比度 | P2对比度 | 背景色 |
|---|---|---|---|---|
| 白天 | ≥7:1 | ≥4.5:1 | ≥3:1 | 浅灰/白色 |
| 夜间 | 4.5:1 ~ 7:1 | 3:1 ~ 4.5:1 | 2:1 ~ 3:1 | 深灰/黑色 |
| 黄昏/隧道 | 自动过渡 | 自动过渡 | 自动过渡 | 自动调节 |
我在项目中遇到过一个坑:某次夜间测试,车速数字是白色(#FFFFFF)配深蓝背景(#0A1628),对比度算下来有15:1。测试员开了20分钟就说眼睛酸。后来我们把车速数字改成浅灰色(#D0D0D0),对比度降到6:1,问题解决了。
避坑指南:
我曾经犯过一个错误——把警告信息的对比度做得太高。红色警告文字配白色背景,对比度确实高,但在强光下反而因为眩光看不清。后来我改用「红色背景+白色文字」的方案,虽然对比度数值降低了,但实际可读性更好。记住:对比度是工具,不是目的。
4.4 实战:方向盘按键与视觉层级的配合
视觉层级做好了,方向盘按键才能发挥最大作用。
我的设计逻辑是这样的:
- 方向盘左侧按键: 控制P0信息(巡航、ADAS、仪表盘切换)
- 方向盘右侧按键: 控制P1信息(音乐、电话、语音)
- 中控台/触屏: 控制P2信息(设置、系统)
这样分配的好处是:驾驶员手不离方向盘,就能操作最重要的功能。想听歌?右手按一下。想调巡航?左手按一下。想改设置?停车后再去摸中控屏。
嗯,这里有个细节:当驾驶员按下方向盘按键时,HMI上对应的视觉元素应该立即有反馈。比如按音量键,音量条应该立刻出现并闪烁一下。这个反馈的视觉层级要够高——我一般用P0级别的动画效果,确保驾驶员余光就能看到。
我曾经在一个项目中,方向盘按键按下后,HMI要等500ms才有反应。测试时驾驶员说「我以为没按到,又按了一次」。后来我们把响应时间压缩到100ms以内,同时加上触觉反馈(方向盘震动),问题就解决了。
总结一下今天的核心:
- 信息优先级:驾驶相关 > 娱乐 > 设置,这是铁律
- 字体大小:根据观看距离和优先级动态调整,不是越大越好
- 对比度:白天高、夜间低,自动过渡最理想
- 方向盘按键:与视觉层级一一对应,反馈要快、要明显
下一章咱们聊聊「多屏交互与信息流转」,到时候会讲仪表盘、中控屏、HUD之间怎么协同工作。那个更有意思。