第三部分：UI视觉设计阶段（规范先行·组件化·一致性）

3.1 视觉风格定义与品牌对齐

• 3.1.1 车机视觉风格定位表（科技/简约/豪华）

• 3.1.2 参考风格整理规范

• 3.1.3 关键词定义与情绪板制作

• 3.1.4 关键页面风格稿输出规范（主页/空调）

• 闭坑要点：风格不确认 → 全页面重做

3.2 UI设计规范体系搭建

• 3.2.1 色彩规范（品牌色/功能色/夜间模式）

• 3.2.2 字体规范（字号层级/字重）

• 3.2.3 间距栅格系统（8/12栅格）

• 3.2.4 圆角/阴影/光影规范

• 3.2.5 多屏适配规范（中控/仪表适配）

• 闭坑要点：无规范 → 页面千奇百怪

3.3 组件库搭建标准

• 3.3.1 基础组件清单（按钮/输入/开关）

• 3.3.2 状态组件规范（正常/按下/禁用）

• 3.3.3 车载专属组件（空调控件/音量）

• 3.3.4 组件变体管理规则

• 3.3.5 组件库维护与更新流程

• 闭坑要点：不做组件库 → 设计效率低

3.4 高保真页面设计流程

• 3.4.1 页面设计优先级规则

• 3.4.2 页面标注规范（间距/字号/色值）

• 3.4.3 夜间模式&强光模式设计规则

• 3.4.4 全屏/弹窗/浮层设计规范

• 闭坑要点：夜间模式太亮 → 车规不通过

3.5 设计自查与内部走查

• 3.5.1 UI一致性自查表

• 3.5.2 车规视觉自查表

• 3.5.3 多端适配自查表

• 3.5.4 还原度预判自查表

• 闭坑要点：不走查 → 甲方评审大量问题