下一步，要一眼看清
区分路线信息、当前状态与可操作入口；说明加载、信息不可用和返回首页时怎样显示。
从任务出发
同一块屏幕，
不同的使用时刻。
车载中控界面设计不止是安排图标。先明确谁在什么场景下完成什么任务，再决定信息层级、入口位置和状态反馈。
切走以后，状态仍连贯
表达播放、暂停与切歌反馈，检查浮层关闭或页面切换后，正在播放的内容如何保留。
改了什么，立即有反馈
把开启、关闭、温度变化与可用范围做成明确状态，区分操作已触发和设置已生效。
先有方案，再细化
把需求说具体，
让 AI 帮你起第一稿。
写明屏幕布局、使用场景和核心任务，用墨刀 AI 形成可继续修改的界面方案。保留你的业务判断，再逐步完善视觉与交互。
01
给场景例如横屏中控、驻车评审，明确这次先解决什么问题。
02
给状态除了默认界面，再说明开启、关闭、加载或不可用时的反馈。
03
给修改方向继续调整布局、内容与局部细节，把初稿收敛成可讨论的方案。
车载中控 · 需求描述可复制
请设计一套横屏车载中控界面原型，用于驻车状态下的方案评审。
布局：左侧为主要入口，中间展示导航与媒体信息，底部保留空调快捷区。
任务：查看导航信息、播放或暂停音乐、打开空调面板并调整温度。
需要展示：空调开启与关闭、温度变化、媒体播放与暂停、导航信息暂不可用。
交互要求：关闭空调面板后保留刚设置的温度；返回首页时保持音乐播放状态；信息不可用时给出明确提示与返回入口。
视觉方向：深色背景、清晰的信息层级、克制的蓝色强调；按钮和状态文字要容易辨认。
请先生成界面与交互初稿，未明确的业务规则单独列出。
布局：左侧为主要入口，中间展示导航与媒体信息，底部保留空调快捷区。
任务：查看导航信息、播放或暂停音乐、打开空调面板并调整温度。
需要展示：空调开启与关闭、温度变化、媒体播放与暂停、导航信息暂不可用。
交互要求：关闭空调面板后保留刚设置的温度；返回首页时保持音乐播放状态；信息不可用时给出明确提示与返回入口。
视觉方向：深色背景、清晰的信息层级、克制的蓝色强调；按钮和状态文字要容易辨认。
请先生成界面与交互初稿，未明确的业务规则单独列出。
把界面变成体验
好看之外，
让操作前后连起来。
在墨刀原型中为组件配置触发与行为，将页面、浮层和状态串成一条可演示的操作路径。
- 触发：用户做了什么
- 点击入口、滑动内容、打开或关闭面板。一个动作应有明确的作用对象。
- 反馈：界面怎样回应
- 切换选中样式、更新显示值、展示浮层或跳转页面，让变化可见。
- 连续性：返回后留下什么
- 结合变量与条件，表达页面切换前后的状态；把需要保留和重置的内容分别说清。
试一次交互
一个温度调整，
也有完整的前后状态。
点击下方控制区，体验一组页面内的空调原型：调整温度、关闭再打开面板，观察数值是否保留。真实项目中，还应为不可用和异常情况定义反馈。
座舱控制 / 空调
设定温度
°C
空调已开启示例范围 18–28°C，可观察按钮边界状态。
空调面板已收起
重新打开后，保留刚才设置的温度。
动作
温度加一度
触发后显示新的设定值；到达示例上限时，增加按钮变为不可用。
状态
关闭后还能记住
收起面板只改变显示状态，不清除当前温度；重新打开时读到相同的值。
评审
把规则讲到具体
确认哪些动作改变状态、哪些只改变界面，以及异常时下一步可以做什么。
一条连贯的设计流程
从第一屏，
走到一次完整评审。
每一步留下可以继续推进的成果，避免到评审时只有漂亮的静态截图。
- 01
整理任务与页面
确定角色、使用情境、屏幕布局，以及这次评审要走通的关键任务。
留下：任务清单与页面范围 - 02
搭建界面初稿
从车载模板、现有组件或 AI 初稿开始，统一入口、信息层级和视觉表达。
留下：关键页面与组件 - 03
补齐状态与反馈
连接页面和浮层，补充正常、不可用、返回和恢复等状态，演示完整路径。
留下：可操作的交互原型 - 04
讨论并形成修改
围绕具体页面记录问题、修改方案和待确认规则，将设计交到下一环节。
留下：评审结论与交付说明
评审围绕同一份方案
把讨论，
留在具体的界面上。
用分享和批注把问题定位到页面。产品关注规则，设计关注反馈，研发关注实现条件，让不同角色讨论同一个状态。
少一点“这里感觉不对”
写清进入条件、用户动作、当前反馈与期望结果，让修改有落点。
多一点可交接的信息
确认版本与修改结论，整理页面、标注、资源和需求说明，继续推进研发对接。
不必每次从空白开始
挑一个车载模板，
继续你的设计。
从中控布局、导航信息到动态交互，按实际项目挑选可以继续编辑的车载模板。模板内容、价格和授权以详情页为准。
常见问题
开始设计之前，
先把这些弄清楚。
车载 HMI 设计是什么？与普通网页设计有什么不同？
车载 HMI 是车内人与系统交互的界面设计，涉及信息展示、操作入口、反馈和任务之间的衔接。中控界面需要结合屏幕位置、使用角色、行驶与驻车等场景考虑任务优先级。用原型先讨论布局与状态，再结合实际设备和环境验证，不能只把网页按大屏尺寸放大。
没有现成车载设计稿，可以从哪里开始？
可以先选择一份接近目标的车载原型模板，调整页面和组件；也可以向墨刀 AI 描述屏幕布局、目标用户、核心任务和需要展示的状态，生成初稿后继续修改。模板的价格、授权与适用范围以详情页为准。
AI 生成的车载界面还能继续修改吗？
可以在墨刀 AI 中继续描述修改要求，调整局部或整体方案。需要进入原型编辑流程时，可以将 HTML 导入墨刀：保留为 AI 组件时承载 HTML 交互，转换成可编辑元素后可继续调整原生图层与组件。转换后应检查布局与交互表现。
墨刀能表达哪些车机交互？
可以用点击、滑动、状态切换、浮层、变量和条件判断来表达页面跳转、空调调节、媒体切换等操作流程。导航路线、车辆状态或语音结果可以作为原型内容展示；真实定位、车身控制和语音识别等能力需要相应系统实现与联调。
原型完成后，如何交给团队评审和开发？
分享可演示的原型，把讨论定位到具体页面和状态；补充进入条件、用户动作、界面反馈、异常情况与返回后的状态。设计确认后再整理标注、资源与需求说明交付研发。交互原型用于说明方案，不能替代车机软件、硬件适配和实际环境测试。