目前仍需等待
已确认道路受阻。具体原因与恢复时间尚未确认。
- 车辆停稳
- 等待核实
- 恢复／停靠
状态有据。
行动有序。
设计系统 v1.1 · 面向 L4 乘客触屏。以图标、状态图形与受控文字共同表达；不会用未知百分比或虚假倒计时制造确定感。
01 / 标识
RouteTruth
品牌蓝底与透明镂空路径组成标识，转向箭头表达下一步。最小图形 24 px，四周至少留出标识宽度的 1/4。品牌标识不承担车辆安全状态提示。
下载 SVG 标识02 / 字体与间距
目前仍需等待
恢复时间未知
正在寻找可停靠位置
已确认道路受阻，原因尚待核实。
| 角色 | 字号 / 字重 / 行高 |
|---|---|
| 状态主标题 | 36 / 500 / 1.3 |
| 组件标题 | 28 / 500 / 1.4 |
| 操作与重点信息 | 20 / 500 / 1.5 |
| 解释正文 | 16 / 400 / 1.7 |
| 辅助信息 | 14 / 400 / 1.6 |
中文使用系统苹方／微软雅黑，英文跟随系统无衬线。数字等宽排列；不缩小关键解释以适配画面。4 px 基准，间距 8 / 12 / 16 / 24 / 32 / 48。
03 / 语义颜色
准备／停驻
#52616C未出发、信息提示行程进行中
#245C85路线与正常行驶等待／行程变化
#92520A等待延长、绕行信息尚未确认
#62566F原因或恢复时间未知人工支持
#146974连接中、支持介入连接／请求失败
#A13E26重试与替代操作已完成
#27654D停靠或行程已确认完成立即行动
#B1223D紧急提醒，非普通等待颜色始终配合图标与标题。白色实底用于乘客 UI；50% 半透明仅用于 Banner 展示，不视作可读性验收样本。
设计令牌 JSON · CSS 变量与基础组件04 / 图标
路线
route车辆
vehicle等待
wait未知
unknown已确认
check人工支持
support停靠请求
parking警告
warning帮助
help车门
door安全带
belt目的地
destination声音
sound时间
clock连接
connection离车
exit下一步
arrow无障碍
accessibility安全带采用斜向织带与简化带扣；无障碍采用全人形符号；连接采用链节，避免被误读为 Wi-Fi 信号。
24 × 24 网格，1.75 px 描边，圆角端点。操作区使用 24／32 px 图标＋文字；触控区域至少 48 × 48 CSS px，主操作 56 px。未知原因必须保留文字说明。
05 / 操作组件
实色按钮用于主操作，文字操作承接次要选择；图标＋文字表示状态，节点与连线表示步骤。普通状态不加按钮式底框。
组件演示，不发送请求。
| 状态 | 规则 |
|---|---|
| 默认／悬停／按下 | 保持位置；色调轻微变化，不放大图标 |
| 键盘聚焦 | 3 px 蓝色外描边，4 px 偏移 |
| 处理中 | 使用具体状态标题，不虚构进度百分比 |
| 禁用 | 原生 disabled；附近解释原因，不只降低透明度 |
| 失败 | 说明未完成，保留重试及替代操作 |
06 / 状态组件与处理路径
寻找可停靠位置
当前位置尚未确认可下车，请保持安全带系好。
- 评估位置
- 前往停靠
- 确认可下车
组件 HTML 示例
<button class="rt-button primary"><svg class="rt-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 13v-2a8 8 0 0 1 16 0v2M4 12H2v6h4v-6H4zm16 0h2v6h-4v-6h2zm0 6v2h-7"/><path d="M10 20h3"/></svg>联系支持</button>
07 / 信息与布局规则
| 组件 | 用途与边界 |
|---|---|
| 状态图形 | 表达动作、已知／未知与下一步；不替代关键原因文字 |
| 证据标签 | 只有可信事件确认后显示“已确认”；不展示虚构置信百分比 |
| 处理路径 | 完成／当前／未到达三态；未知时长不使用计时进度条 |
| 固定操作栏 | 等待、请求停车、支持保持顺序；手机窄屏可纵向排列 |
| 确认弹窗 | 停车请求先解释后果；键盘可关闭并返回触发控件 |
| 多模态 | 文字同步语音；环境灯仅提示级别；触觉仅用于需注意状态 |
08 / 规范依据与验收边界
网页目标：正文对比度至少 4.5:1，必要非文字图形至少 3:1，不依赖颜色，支持键盘与减少动态。项目选择 48 px 触控下限，高于 WCAG 2.2 AA 的 24 px 最小目标尺寸要求（其例外适用条件另计）。
WCAG 2.2 官方规范 · ISO 15008:2017 范围
ISO 15008 面向驾驶者动态显示，不能直接证明 L4 乘客 HMI 合规。尚需在真实屏幕上验证视距、反光、昼夜亮度、振动、可达性与多模态理解；本成果是设计基线，不是车辆安全认证或完整 WCAG 审计。
09 / 维护与交付
基础色 → 语义令牌 → 组件 → 页面。新增状态先核对事件来源，再定义文案、图标与处理结果。建议由产品、设计、无障碍和车辆安全负责人共同评审。
变更提交需包含：触发条件、默认／处理中／失败状态、键盘行为和验证结果。修正文案用补丁版本，新增组件用次版本，状态语义或接口改变用主版本并提供迁移说明。