HMI车机UIUX设计产品系统

我要开发同款
Nita2025年09月09日
14阅读

技术信息

语言技术
UIUE
系统类型
车载应用
行业分类
人工智能

作品详情

行业场景

本项目旨在彻底解决当前车载体验中存在的以下几个核心矛盾与问题: 问题一:交互效率与驾驶安全的矛盾 现状: 传统车机功能入口深、操作步骤繁琐(如调节空调需要多次点击),严重分散驾驶员注意力,构成安全隐患。物理按键的减少与触控交互的落后形成了体验断层。 解决目标: 通过零层级桌面、场景化智能推荐、将关键信息和常用功能前置化,实现“信息一眼可知,操作一步到位”,最大限度减少驾驶分心,保障安全。 问题二:设计美感与用户预期的落差 现状: 很多车机UI设计风格陈旧,像素感强,动效生硬,与用户日常生活中使用的精美App存在巨大“代差”,缺乏品质感和情感化连接。 解决目标: 建立一套现代化、品牌化的视觉语言和动效体系。运用轻拟态、玻璃 morphism 等设计趋势,打造清晰、通透、富有科技感的界面,并通过流畅自然的微动效提供愉悦的反馈,满足用户审美预期,提升品牌高端感。

功能介绍

1. 主页 / 零层级桌面: 自定义Widget卡片式布局,显示最关键信息:导航下一指引、媒体播放、天气、日程等。 支持智能场景感知,动态推荐相关服务(如到达停车场前自动弹出付费二维码)。 2. 导航系统: 与高德地图深度定制合作。 AR实景导航融合、3D地图渲染、电量/油量智能路线规划(推荐充电/加油站)。 车道级引导,与仪表盘/HUD联动显示。 3. 媒体娱乐: 整合本地音乐、蓝牙音乐、在线流媒体(QQ音乐、网易云等)、播客、网络电台。 音场可视化调节(如经典、现场、沉浸式等),提供视觉和听觉的双重享受。 4. 车辆控制: 可视化3D车模,用户可直观地操作车辆(开关车窗、空调、后备箱、查看胎压、续航状态)。 空调调节提供智能模式(一键舒适)和手动精细调节(风向、分区温控动画)。 5. 手机互联: 支持Apple CarPlay & Android Auto无线连接。 自研手机APP车控功能(远程空调、门窗状态查看、车辆定位)。 6. 系统设置: 灯光、声音、显示(深色/浅色模式自动切换)、驾驶模式、驾驶员账户同步等设置项。 逻辑清晰,分类明确,易于在安全前提下快速设置。

项目实现

我的职责: 1.参与前期用户调研,输出用户画像和旅程图。 2.负责核心功能的交互流程设计(画线框图、流程图、状态机)。 3.负责整个系统的视觉语言定义(设计语言系统 - DLS),包括色彩体系、字体、图标、动效规范、组件库。 4.完成所有关键页面的高保真UI视觉设计和交互动效原型。 5.产品经理(PM)、硬件工程师、软件前端/后端开发工程师紧密协作,确保设计落地。 6.输出详细的设计规范文档和切图标注,并跟进开发实现,进行UI验收和走查。 使用的软件工具: 1.UX设计 & 线框图: Figma 2.交互动效原型: Figma Prototype (基础交互)、ProtoPie (主力,用于制作高保真、多手势、带传感器逻辑的复杂动效原型,与车机开发环境更契合)、After Effects (用于制作炫酷的宣传级视觉动效视频,向管理层和客户演示)。 3.3D设计: Blender、Midjounery 4.协作与管理: Jira / Confluence (任务管理和文档协同)、Zeplin / Figma Dev Mode (交付开发)。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论