🚗 座舱系统UI设计
从原型到交付
📘 全流程实战 · 30章
01
座舱系统概述
什么是座舱系统
发展历程
核心价值与趋势
02
UI设计基础
设计原则
设计规范
Figma / Sketch
03
用户研究与需求分析
用户画像
驾驶场景
功能优先级
竞品分析
04
信息架构设计
功能模块划分
导航结构
信息层级
任务流程
05
低保真原型设计
线框图
页面流程
交互逻辑
Axure / Figma
06
高保真原型设计
视觉风格
组件库
动效原则
高保真制作
07
设计系统与组件化
Design Token
基础组件
业务组件
组件文档
08
视觉设计 (上)
色彩体系
深色模式
图标规范
09
视觉设计 (下)
字体排版
间距网格
视觉层次
品牌化
10
动效与交互设计
动效原则
微交互
转场动效
Lottie
11
多屏与多模态交互
仪表盘·中控联动
HUD设计
语音交互
手势交互
12
驾驶安全与UI设计
分心驾驶
告警设计
紧急交互
ISO 26262
13
设计评审与迭代
评审流程
可用性测试
A/B测试
数据迭代
14
设计交付物规范
设计标注
切图资源
规范文档
Git / Abstract
15
前端开发基础 (HTML/CSS)
语义化标签
Flex/Grid
响应式
设计稿对照
16
前端开发进阶 (JS/框架)
JavaScript DOM
React/Vue
组件化
状态管理
17
设计稿到代码的转换
Zeplin/蓝湖
CSS代码生成
组件封装
Token→CSS变量
18
性能优化与渲染
首屏加载
动画性能
内存管理
监控工具
19
测试与质量保障
单元测试
集成测试
UI自动化
兼容性
20
敏捷开发与协作
Scrum设计角色
设计师×工程师
Design Sprint
需求变更
21
车载操作系统与平台
Android Automotive
QNX / Linux
RTOS
Qt / Flutter
22
数据可视化与仪表盘
仪表盘原则
实时数据
图表类型
刷新策略
23
导航与地图集成
地图SDK
路线规划UI
实时交通
POI搜索
24
多媒体与娱乐系统
音频播放器
视频播放器
手机投屏
应用商店
25
车辆控制与设置
车辆状态
空调控制
驾驶模式
座椅·后视镜
26
语音助手与AI集成
语音唤醒
自然语言理解
多轮对话
个性化推荐
27
OTA升级与远程服务
OTA流程
升级状态
远程诊断
隐私保护
28
国际化与本地化
多语言
左舵/右舵
文化差异
测试验证
29
项目实战 (上)
需求·信息架构
低保真原型
视觉风格定义
30
项目实战 (下)
高保真原型
交付·开发对接
测试·复盘