1. 座舱字体基础:字体分类、家族与可读性
好,咱们直接进入正题。座舱HMI设计,说白了就是让驾驶员和乘客在最短时间内看清信息。而字体,就是信息的载体。你想想看,如果字体选错了,再好的交互逻辑也白搭。
我个人习惯把字体比作「座舱里的声音」。有的字体像低沉的男中音,稳重可靠;有的像清脆的提示音,轻快明亮。选对了,用户舒服;选错了,那就是噪音。
1.1 衬线 vs 无衬线:一个老生常谈但必须说透的问题
先问个问题:为什么几乎所有车机系统都用无衬线字体?
答案其实很简单——屏幕分辨率有限,而且座舱环境复杂。衬线字体那些小装饰(也就是「衬线」),在低分辨率屏幕上容易糊成一团。我在2018年参与过一个项目,当时设计师坚持用一款衬线字体做仪表盘标题,结果在强光下一测试,数字「8」和「3」根本分不清。嗯,从那以后,我对衬线字体在座舱里的使用就格外谨慎。
核心结论:
- 无衬线字体:座舱HMI首选。干净、现代、屏幕适配性好。比如:Noto Sans、Roboto、思源黑体。
- 衬线字体:慎用。除非是品牌Logo或特定装饰场景,且屏幕PPI足够高(200+)。
但别误会,我不是说衬线字体完全不能用。在一些高端车型的副驾娱乐屏上,如果屏幕素质够好,用衬线字体做标题反而能营造出「精致感」。关键看场景。
1.2 字体家族:别只盯着一个字体用
很多新手设计师喜欢「一个字体打天下」。标题用这个,正文用这个,按钮也用这个。结果就是——视觉层次感全无。
我建议的做法是:建立字体家族体系。什么意思?就是同一款字体,利用它的不同字重(Light、Regular、Medium、Bold)和字宽(Condensed、Normal、Extended)来构建层级。
举个例子,我在做某款新能源车HMI时,用了这样的搭配:
| 用途 | 字体 | 字重 | 字宽 |
|---|---|---|---|
| 仪表盘主数字 | Noto Sans | Bold | Condensed |
| 导航标题 | Noto Sans | Medium | Normal |
| 辅助信息 | Noto Sans | Regular | Normal |
| 脚注/免责声明 | Noto Sans | Light | Normal |
你看,只用了一款字体,但通过字重和字宽的变化,信息层级一目了然。驾驶员扫一眼就能知道哪个是核心数据,哪个是次要信息。
小技巧:座舱内尽量避免使用「斜体」或「手写体」。斜体在低分辨率下可读性极差,而且容易让驾驶员产生「不稳定」的错觉。
1.3 字重与字宽:别小看这两个参数
字重(Weight)和字宽(Width),很多人觉得不就是「粗一点」和「瘦一点」吗?其实没那么简单。
字重影响的是视觉重量和可读性。太细的字重(比如Thin、Light),在强光下或者振动环境中几乎看不见。太粗的字重(比如Black、Heavy),又会让文字糊在一起。我个人习惯:正文用Regular或Medium,标题用Bold,数字用SemiBold或Bold。
字宽则直接影响排版密度。Condensed(窄体)适合在有限空间内塞更多文字,比如仪表盘上的小标签。但要注意——Condensed字体的可读性天生比Normal差。为什么?因为字母之间的间距被压缩了,人眼识别起来更费力。
我曾经踩过一个坑:为了在导航界面显示更多路名,我把所有文字都换成了Condensed字体。结果用户反馈说「看久了眼睛累」。后来我做了个A/B测试,发现Normal字体的阅读速度比Condensed快了约15%。从那以后,我给自己定了个规矩:正文永远不用Condensed,只有空间实在不够时才考虑。
避坑指南:我曾经在某个项目中,为了追求「科技感」,把仪表盘上的速度数字用了超细的Thin字重。结果在阳光下一照,数字几乎消失。测试驾驶员直接说「我看不清时速」。嗯,从那以后,座舱内任何关键信息(速度、电量、警告)的字重,我至少用Medium起步。
1.4 x-height:可读性的隐形杀手
这个知识点,很多人容易忽略。x-height指的是小写字母「x」的高度。它决定了字母在相同字号下看起来有多大。
为什么重要?因为座舱内,驾驶员看屏幕的时间是以毫秒计的。x-height越大,字母越容易被快速识别。你想想看,同样是12px的字号,一个x-height高的字体和一个x-height低的字体,视觉大小可能差出30%。
我做过一个对比测试:
| 字体 | x-height(相对值) | 12px下的可读性评分 |
|---|---|---|
| Noto Sans | 高 | 9/10 |
| Roboto | 中高 | 8/10 |
| Helvetica | 中 | 7/10 |
| Times New Roman | 低 | 5/10 |
结果很明显:x-height越高的字体,在座舱内的可读性越好。所以我现在选字体时,第一件事就是看它的x-height。如果一款字体x-height偏低,哪怕它再好看,我也会直接pass掉。
总结一下:
- 座舱字体,无衬线 > 衬线(除非屏幕素质极高)
- 建立字体家族体系,用字重和字宽构建层级
- 关键信息用Medium以上字重,正文用Regular
- Condensed字体慎用,只用于空间受限的场景
- x-height越高越好,这是可读性的隐形保障
好了,这一章的内容就到这里。下一章我们会聊聊「字体大小与视距的关系」,那也是个容易踩坑的地方。到时候见。