BACK TO WORK WORK 01 / SMART COCKPIT

智能座舱 HMI 系统

围绕驾驶信息、辅助驾驶、车控、舒适体验与能量管理,建立统一而具有场景差异的座舱界面系统。

ROLE UI·UX / HMI DESIGN
SCOPE SYSTEM / INTERACTION / VISUAL
OUTPUT SCREEN / MOTION / PROTOTYPE
智能座舱 HMI 系统主车控桌面

让驾驶信息始终有优先级。

车载界面需要同时承载驾驶、车辆、舒适、娱乐与环境信息。方案以任务优先级为核心:驾驶中的关键信息保持稳定可读,状态变化通过位置、色彩与动效形成明确反馈,低频设置退居次级层级。

01

驾驶优先

速度、道路、车辆状态和安全提示优先于装饰信息,保障极端环境下核心数据的绝对可读性。

02

跨屏一致

仪表屏、中控屏等不同屏幕的相同功能沿用一致的图标、色彩状态和交互反馈逻辑,降低操作成本。

03

场景可辨

驾驶模式、香氛选择、能量充电等车载特殊模式场景具有清晰明确的视觉差异,强化氛围感。

04

反馈可感

重要状态或设置的改变通过精确细腻的动效、空间移位和色彩明暗,被驾驶者第一时间快速识别。

把道路、速度与风险放在视线中心。

通过合理的视线分布与层级划分,保障核心驾驶数据一目了然,缩短行车过程中的确认时间。

智能座舱 HMI 仪表盘界面设计

仪表设计图:速度与动力信息保持强对比,辅助信息沿边缘及中心有规律分布。

仪表动效在线原型(在线交互/循环播放):上面为实际运行在前端代码中的车载仪表动效。指针、速度数字与频谱粒子等动态循环响应。

🖥️ 在线交互原型实现细节:

  • 分层渲染:将左右信息组、中央仪表、指针、数字、光效与底部状态拆分为独立层级,为后续 GPU 合成加速奠定基础。
  • 错峰进入启动:使用错峰进入建立信息先后关系,速度表率先启动,再呈现辅助状态,符合人眼获取视觉流。
  • 指针聚焦:指针、速度数字与表盘的高光同步切入,形成明确的视线落点。
  • 持续反馈动效:右侧音乐频谱粒子和音乐进度条使用循环动态变化,向驾驶者表明系统处于连续工作响应中。
  • 响应式视口适配:原型界面按 1920:720 的长宽比实现等比适配,保障在各种尺寸的高清屏幕下均无拉伸或错位。
智能座舱 HMI ADAS 辅助驾驶界面设计

ADAS:以宽幅道路场景承载驾驶状态,减少无关元素对视线的干扰。

高频操作直达,低频设置有序收纳。

优化中控屏幕信息布局,底部固定放置核心空调、空调快捷设置等高频温控入口,让频繁操作不需要跨越二级层级。

智能座舱 HMI 车辆控制桌面界面设计

车控桌面:以车辆为视觉中心,底部固定高频入口,状态信息连续可见。

智能座舱 HMI 中控卡片化桌面设计

卡片桌面:用卡片承载媒体、能耗与车辆状态,兼顾信息密度和快速扫读。

智能座舱 HMI SR 场景环境建模界面设计

SR:通过道路结构、车辆位置与车道信息建立可理解的环境映射。

智能座舱 HMI 实线变道告警提示设计

实线变道:在风险动作发生时强化车道边界与车辆关系,明确系统反馈。

智能座舱 HMI 空调温控设置界面设计

空调调节:将温度、风量与出风模式集中在同一操作区,降低跨层级操作成本。

让状态变化在第一眼就能被感知。

使用细腻精致的渐变主题图形和代表性色彩建立联想认知。香氛主题利用不同的流体纹理强化感受;而不同的驾驶路况模式(运动、雪地、山地、沙地)使用匹配的渲染场景,但在核心控制骨架上依然共享一套功能布局。

FRAGRANCE SYSTEM / 香氛选择系统

智能座舱 HMI 车载香氛主题1
智能座舱 HMI 车载香氛主题2
智能座舱 HMI 车载香氛主题3

香氛设计:三套主题通过不同流体纹理和主色建立气味联想,同时保持相同的导航、选择与启停结构。

DRIVE MODES / 驾驶模式选择系统

驾驶模式 - 运动模式
驾驶模式 - 雪地模式
驾驶模式 - 山地模式
驾驶模式 - 沙地模式

驾驶模式:运动、雪地、山地与沙地使用不同环境图像和强调色区分,但车辆位置、模式切换和设置导航保持一致,避免场景变化破坏操作习惯。

用关键数字回答用户最关心的问题。

充电状态下,驾驶者最关心的三要素为:当前电量百分比、预计充满时间与续航里程。界面使用醒目的数字重点呈现,并通过流畅的能量粒子流向动画增强充电状态的实时反馈可感性。

智能座舱 HMI 静态充电信息面板设计

充电面板:充电状态突出当前电量、预计时间与续航里程,车辆视觉用于强化状态感知,次要控制位于页面下方。

CHARGING FLOW / 充电动态演示

动态反馈:以顺畅流动的渐变光效展示电流导入过程,提供明确动态连接体验。

[ VOICE ASSISTANT // 虚拟个人助理 ]

VPA:让空间信息持续可见。

车载虚拟个人助理 (VPA) 承担语音指示的动态展示。通过连续而流畅的三维动效,以可信的频率为用户反馈当前的执行状态。

VPA演示:该演示用于补充座舱动态能力,以拟人化态势粒子在屏幕端快速呈现当前听写与执行。

一致不是相同,而是让每个场景都遵循同一套理解方式。

这套方案通过稳定的信息层级、导航结构和反馈逻辑连接不同功能;同时用场景图像、色彩与动效建立差异,让驾驶者快速识别当前状态,不需要重新学习操作方式。

NEXT WORK / 02

车机端·安享管家 ↗