让驾驶信息始终有优先级。
车载界面需要同时承载驾驶、车辆、舒适、娱乐与环境信息。方案以任务优先级为核心:驾驶中的关键信息保持稳定可读,状态变化通过位置、色彩与动效形成明确反馈,低频设置退居次级层级。
驾驶优先
速度、道路、车辆状态和安全提示优先于装饰信息,保障极端环境下核心数据的绝对可读性。
跨屏一致
仪表屏、中控屏等不同屏幕的相同功能沿用一致的图标、色彩状态和交互反馈逻辑,降低操作成本。
场景可辨
驾驶模式、香氛选择、能量充电等车载特殊模式场景具有清晰明确的视觉差异,强化氛围感。
反馈可感
重要状态或设置的改变通过精确细腻的动效、空间移位和色彩明暗,被驾驶者第一时间快速识别。
把道路、速度与风险放在视线中心。
通过合理的视线分布与层级划分,保障核心驾驶数据一目了然,缩短行车过程中的确认时间。
仪表设计图:速度与动力信息保持强对比,辅助信息沿边缘及中心有规律分布。
仪表动效在线原型(在线交互/循环播放):上面为实际运行在前端代码中的车载仪表动效。指针、速度数字与频谱粒子等动态循环响应。
🖥️ 在线交互原型实现细节:
- 分层渲染:将左右信息组、中央仪表、指针、数字、光效与底部状态拆分为独立层级,为后续 GPU 合成加速奠定基础。
- 错峰进入启动:使用错峰进入建立信息先后关系,速度表率先启动,再呈现辅助状态,符合人眼获取视觉流。
- 指针聚焦:指针、速度数字与表盘的高光同步切入,形成明确的视线落点。
- 持续反馈动效:右侧音乐频谱粒子和音乐进度条使用循环动态变化,向驾驶者表明系统处于连续工作响应中。
- 响应式视口适配:原型界面按
1920:720的长宽比实现等比适配,保障在各种尺寸的高清屏幕下均无拉伸或错位。
ADAS:以宽幅道路场景承载驾驶状态,减少无关元素对视线的干扰。
高频操作直达,低频设置有序收纳。
优化中控屏幕信息布局,底部固定放置核心空调、空调快捷设置等高频温控入口,让频繁操作不需要跨越二级层级。
车控桌面:以车辆为视觉中心,底部固定高频入口,状态信息连续可见。
卡片桌面:用卡片承载媒体、能耗与车辆状态,兼顾信息密度和快速扫读。
SR:通过道路结构、车辆位置与车道信息建立可理解的环境映射。
实线变道:在风险动作发生时强化车道边界与车辆关系,明确系统反馈。
空调调节:将温度、风量与出风模式集中在同一操作区,降低跨层级操作成本。
让状态变化在第一眼就能被感知。
使用细腻精致的渐变主题图形和代表性色彩建立联想认知。香氛主题利用不同的流体纹理强化感受;而不同的驾驶路况模式(运动、雪地、山地、沙地)使用匹配的渲染场景,但在核心控制骨架上依然共享一套功能布局。
FRAGRANCE SYSTEM / 香氛选择系统
香氛设计:三套主题通过不同流体纹理和主色建立气味联想,同时保持相同的导航、选择与启停结构。
DRIVE MODES / 驾驶模式选择系统
驾驶模式:运动、雪地、山地与沙地使用不同环境图像和强调色区分,但车辆位置、模式切换和设置导航保持一致,避免场景变化破坏操作习惯。
用关键数字回答用户最关心的问题。
充电状态下,驾驶者最关心的三要素为:当前电量百分比、预计充满时间与续航里程。界面使用醒目的数字重点呈现,并通过流畅的能量粒子流向动画增强充电状态的实时反馈可感性。
充电面板:充电状态突出当前电量、预计时间与续航里程,车辆视觉用于强化状态感知,次要控制位于页面下方。
CHARGING FLOW / 充电动态演示
动态反馈:以顺畅流动的渐变光效展示电流导入过程,提供明确动态连接体验。
VPA:让空间信息持续可见。
车载虚拟个人助理 (VPA) 承担语音指示的动态展示。通过连续而流畅的三维动效,以可信的频率为用户反馈当前的执行状态。
VPA演示:该演示用于补充座舱动态能力,以拟人化态势粒子在屏幕端快速呈现当前听写与执行。
一致不是相同,而是让每个场景都遵循同一套理解方式。
这套方案通过稳定的信息层级、导航结构和反馈逻辑连接不同功能;同时用场景图像、色彩与动效建立差异,让驾驶者快速识别当前状态,不需要重新学习操作方式。