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越高越好,这是可读性的隐形保障

好了,这一章的内容就到这里。下一章我们会聊聊「字体大小与视距的关系」,那也是个容易踩坑的地方。到时候见。