2024年，小米汽车的发布，可以说是彻底引爆了大众对于新能源车的热情与好奇心，各种铺天盖地的新闻轰炸下，隐隐有当年iPhone公布时的“重新定义手机”之感。连身边开了十几年汽油车的叔叔伯伯，都在关注这个“新兴品牌”的第一辆新能源车型。
其实，在小米汽车发布之前，中国的新能源市场就已经处在迅猛发展的势头之上。
根据
中国汽车流通协会2024年3月发布的全国新能源市场深度分析报告
显示————
2024年3月单月，中国新能源汽车零售销量为
71万零4234台
，已和燃油车(97万零5590台)
不相上下！
在这样的市场环境下，各家汽车品牌都在想尽办法通过新奇，美观，创意的方式来给消费者提供智能的座舱体验，自然，这个重要任务就落在了目前各家新能源车内都标配的“
中控大屏以及仪表盘
”上。
作为设计师，如果你刚刚着手，准备接触新能源的车载HMI设计
，难免会对各品牌纷杂的界面产生困惑，那么接下来就和我一起，以
最常用的竞品分析形式
，通过
蔚来 ET5 这款车型及其竞品
，来了解一下目前国内新能源汽车第一梯队品牌，都是如何设计其车载HMI界面的。
·
设计小白
: 想看看什么是车载HMI的设计，来看！
·
设计师
: 想要接触车载 HMI 设计，但没有收集到很全的资料，来看！
·
已经是车载HMI设计师
......看着玩！没准也有你没分析到的地方呢～哈哈哈
· 在
整体层面上
了解目前新能源车企中，
比较成熟且优秀的车载HMI设计
，做到
心中有概念
· 从
用户体验的五个层面
（表现层、框架层、结构层、范围层、战略层）出发，
挑选车载HMI系统中具体的模块
进行分析，找到其
设计的共性以及差异性，
在其中发现
可以优化，迭代的设计方向
· 蔚来 ET5
：新势力
高端豪华
的代表品牌，在车载HMI设计上有
独特的审美
，是
很多车企学习的对象
· 小米 SU7：
HMI届新星，拥有强大的
澎湃OS
作为后台，在
设计生态
上有很多值得探索的方面
· 极氪 007：
老牌车厂吉利的子品牌，HMI设计
创新且大胆
，在
软硬件结合上
有很多有新意的尝试
· 阿维塔 12(备选)
: 同样作为手机厂商参与设计，和小米同样都拥有坚实的生态基础，设计细节全面
表现层是用户第一眼接触到的界面，表现层的设计直接决定了用户对整个HMI系统的印象和评价。在表现层上主要通过对
形状、颜色、文字、质感、构成
的分析，结合组件和模块，来探寻 HMI 系统的视觉风格以及品牌化设计
在模块上，选择最基本的：
dock栏、图标、颜色、字体
进行分析
在功能上，选择了冷门的功能，不常用但有一定重要性的
反馈建议和相册模块
（才不会说是因为调研地图、导航太麻烦）
总结
：基于
人眼和屏幕的平均距离
，Dock栏建议使用
面性图标
来增强可识别性；图标之间要
保留一定间距
，以增强呼吸感，同时
减轻视觉负担
总结
：图标设计建议采用
扁平+轻拟物
的风格，可以在
保持科技感
的同时，增加图标的质感，也更
符合智能座舱软硬件结合
的特性；配色上建议使用
低饱和度、低对比度
的颜色，
减少夜晚时对人眼的刺激
。风格上应该学习小米澎湃OS，
打造极强的品牌统一生态
，
避免和车机其他模块产生割裂感
。
总结
：车机系统颜色的设计建议使用
适中的饱和度、对比度(对比度建议在3:1-7:1 之间)、明度
；主题色和辅助色夹角不宜过大，以
呈现科技、简洁、未来
的氛围，
符合新能源汽车的整体风格语言
；同时
避免使用过高饱和度、明度
的颜色、以保证
夜间行驶
时能够最低程度
减轻对人眼的刺激
。
总结
：建议使用
粗细适中
的字体，以便阅读。
字阶的过渡要平滑
，且
不宜使用过多字号
，这样可以
减少阅读时的跳跃性
，提升阅读信息的稳定性。最小的字号建议设置在
24PX 以上
，否则文字识别性将极大降低。
总结
：反馈建议部分建议使用
清晰舒适
的布局，重点的操作和按钮要
放大并使用高亮颜色
，以
提示用户
；
辅助反馈的信息
要多提供给用户，以便更好的分析问题
总结
：相册模块如果想展示尽可能多的信息，则按照手机相册app的视觉效果来设置；如果想要更好的呈现行车记录视频效果，最好使用文字(时间、位置)+图片的列表形式
在框架层，我们主要关注的是
页面的布局
，以及
产品功能的优先级
：比如在页面中，什么功能要放在首页，什么功能要靠近驾驶员等等。（此环节主要以分析各品牌中控首页为主）
优势：蔚来是众多车企中，少数几个使用
竖屏车机
的品牌。整体采用
地图为底
，
布局为导航服务
，可在一定程度提高出行的效率；但同时会导致
非导航操作
（如车控、车辆设置）等
交互层级较深
；
劣势：Dock栏在竖屏最下方，笔者作为车主，在用车时经常遇到触摸时
手指和屏幕夹角接近90度的情况，不利于操作
。
优势：小米采用了目前比较主流的
3D车模+全屏卡片
的混合布局，背景简约直观，按钮间距较大，数量较少，
布局舒适
（现场体验很有高级感哦～）；独特的“
多任务框架
”设计可以让用户自定义桌面，
灵活性较高
；在澎湃 OS 的加持下，小米车机采用了
与手机、平板统一的交互操作
，极大
降低
了用户的
学习成本
。
劣势：中控屏可被分割，且自定义操作较多，可能会
对驾驶状态中的操作安全以及信息获取造成一定干扰
优势：极氪采用了
3D车模+地图导航
的混合布局，可以通过首页按钮一键进行切换，灵活度很高；
驾驶员侧集成多个快捷车控按钮
，对日常用车场景的便利性辅助较大。
劣势：主页按钮、功能模块过多，
视觉上显得杂乱拥挤
；信息排布较密，
影响信息传递的及时性
。自定义卡片自上而下排序，会
加大寻找特定内容的难度
。
我们通过分析结构层，要获取到的信息有
：某一功能的交互流程是什么？流程是否最优？其他竞品是如何设计同一模块的流程的？竞品的流程要更多还是更少？竞品是否有其他快捷的入口来实现此功能？如何根据竞品来优化自己产品的流程？
总结：
在反馈问题这个场景下，用户的心情一般是
烦躁或焦急
的，所以反馈功能的流程要
尽可能的简短
，以
减少
用户的
等待
；在实际场景下，企业一般都需要
问题发生时的照片、视频和行车日志
来辅助分析问题，所以为用户提供上传此类文件的功能也是不可或缺的。
总结：
用户一般在使用车机的相册功能时，大多是为了查看行车记录仪视频，或是在一些支持拍照的车型上，查看自己拍摄的照片。所以车机的相册应用中，
文件可分享至手机
是必备功能；同时，由于很多车型会
把一个时间段的行车记录视频分成若干片段来展示
，所以也需要支持批量操作(分享、删除)功能
在最后一层战略层，我们需要分析各个车型的
市场定位、目标用户、具体参数以及独特卖点
，在了解行业情况的同时也能让脑海中各个车型的产品轮廓更加清晰
阿维塔12 宣传语：毫不费力的优雅，来自出类拔萃的性能体验
在双眼可见的未来，中国的新能源工业有着光明的前途；在当下，新势力、老牌车厂百花齐放，共同参与到新能源汽车发展的市场竞争中。
作为设计师，在行业规则、设计原理还不完善的当下，可以试着去发现规律，总结经验，在形成自己的理论体系的同时，为他人提供助力，最终为中国的汽车工业发展做出一点微小的贡献，这何尝不是一件很值得去做的事情呢？
![ZAOV｜各[苹]本事](https://img.zcool.cn/community/68d247ffa534901h5u6ly05445.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
