跳过封面,查看案例
返回作品集车载 HMIAUTOMOTIVE HMI浏览作品

AUTOMOTIVE HMI / CASE STUDY

少一次寻找,
多一分从容。

以车载首页为切入点,探索导航、音乐与车况信息在宽屏座舱中的组织方式。

从设计起点开始智能座舱 / 概念设计
车载 HMI作品封面展示
车载 HMI / DESIGN REVIEW
项目属性
智能座舱概念探索
设计范围
首页结构 / 视觉语言
原始素材
1 张完整宽屏概念稿
核心模块
导航 · 音乐 · 影音 · 行驶信息

01 / THE STARTING POINT

屏幕变宽,不意味着注意力变多。

车载界面首先面对的是使用情境,而不是展示空间。常用入口要容易识别,车辆状态要稳定可见;娱乐内容则需要与驾驶中的操作明确区分。

01

注意力有限

导航、音频、车辆状态竞争同一视野,过多装饰可能抢走关键注意力。

设计回应

以功能分区建立稳定位置,控制高亮信息的数量。

02

操作条件变化

车辆行驶、静止与乘客使用,对交互复杂度有不同要求。

设计回应

把驾驶中高频任务与驻车娱乐拆开考虑。

03

视觉与识别

质感不能只靠发光,图标和文字也要在暗色环境里清楚可辨。

设计回应

控制边缘高光与背景亮度,保留明确的内容层级。

02 / FROM 0 TO 1

功能丰富,使用路径保持简单。

概念方案以四张功能卡片组织首页。真实产品落地时,需进一步验证驾驶状态下的权限与安全约束。

  1. 01

    界定场景

    区分行驶、驻车与乘客使用条件。

  2. 02

    分配优先级

    导航、音频与车况先于娱乐扩展。

  3. 03

    建立分区

    侧边导航与主功能卡片各司其职。

  4. 04

    探索质感

    用材质、光影与冷色建立座舱氛围。

  5. 05

    提出验证

    检查视认、触控、分心与状态反馈。

高频任务

导航入口 / 音乐控制

稳定位置,减少寻找。

车辆状态

续航 / 电量 / 总里程

状态集中,避免来回切换。

驻车娱乐

影音内容 / 继续观看

与行驶场景区分使用。

03 / DESIGN DECISIONS

让设计取舍,
在界面中有据可见。

从信息组织到视觉表达,围绕具体任务说明每一处关键选择。

01 / THE COCKPIT HOME

把四类功能,
放进稳定的空间秩序。

侧栏负责模块切换,顶栏承接连接状态、语音提示和时间天气,主区域使用四张等高卡片。页面的识别建立在位置与分组上,而不是让每个元素都同时发光。

导航卡片
用明确的方向符号建立识别,保留快速进入导航的入口。
音乐卡片
播放与切换集中呈现,当前状态比装饰更重要。
行驶信息
续航、电量、里程和模式集中在同一视图。
智能座舱首页概念

04 / VISUAL LANGUAGE

冷色科技感,服务于功能识别。

深色背景降低环境亮度,蓝紫高光描绘层次;图标与主数据使用更高对比。装饰、边框和光效应服从信息,而不与关键状态争夺视觉重量。

识别高光#85B7FF
层次光色#B6A3F8
座舱背景#0D1422
固定位置
常用入口保持位置一致,不随内容变化。
触控区
概念落地需根据屏幕和使用距离验证点击区域。
场景限制
驻车娱乐与驾驶中操作应具有明确权限区分。

06 / DELIVERY & REFLECTION

设计不止画面,
也包括它如何工作。

把判断标准、交付内容与仍需验证的边界,一起留在案例中。

01

概念交付

说明四类功能、信息优先级与状态组织,而不仅是交付一张效果图。

02

验证方向

在真实屏幕上检查字号、眩光、触达距离及动态环境中的辨识度。

03

方案边界

影音权限、语音闭环、驾驶分心和车辆数据接口仍需实际产品验证。

本项目为视觉与交互概念设计。过程章节为基于现有概念稿的方案推演,不表示完成了量产、道路测试或安全认证。封面为基于原稿制作的展示效果图,非新增产品页面。

AUTOMOTIVE HMI / END OF CASE

科技感的终点,
是更自然的使用。

返回全部作品下一个案例极光漫画

作品预览