🚗 车载HMI · 配色与图标设计实战
30章 从入门到精通 · 友好色系
🎨 色彩系统
📐 图标规范
🧩 多屏交互
🌟 30个实战章节
01
车载HMI设计概述
智能座舱发展趋势
HMI重要性
设计流程概览
02
车载HMI设计规范
ISO 26262
ISO 15008
SAE J2364
03
车载HMI色彩基础
色彩心理学
HSV模型
RGB/CMYK应用
04
车载HMI配色原则
高对比度可读性
夜间防眩光
色彩一致性
05
车载HMI配色实战
仪表盘配色
中控屏配色
HUD配色
06
车载HMI色彩系统搭建
品牌色定义
功能色
语义色映射
07
车载HMI图标设计基础
图标类型
尺寸栅格
视觉权重
08
车载HMI图标设计规范
风格统一性
最小触控区
语义清晰度
09
车载HMI图标设计工具
Figma/Sketch/AI
矢量导出
10
车载HMI图标设计实战
功能图标
状态图标
警示图标
11
车载HMI图标动效设计
微交互原则
Lottie动画
缓动曲线
12
车载HMI布局设计
信息层级
黄金分割网格
安全避让区
13
车载HMI字体设计
可读性要求
字体与视距
中英搭配
14
车载HMI深色模式设计
深色色彩策略
对比度亮度
图标适配
15
车载HMI多屏交互设计
仪表+中控+HUD
信息流转
多屏手势
16
车载HMI驾驶模式设计
D挡驾驶
P挡停车
R挡倒车
17
车载HMI语音交互界面
语音唤醒反馈
语音卡片
触控协同
18
车载HMI手势交互设计
单/双/三指
反馈动效
防误触
19
车载HMI触控反馈设计
视觉反馈
触觉震动
听觉提示
20
车载HMI加载与空状态
骨架屏
空状态插画
网络异常
21
车载HMI通知与提醒
Toast提示
弹窗提醒
横幅通知
22
车载HMI设置界面设计
信息架构
开关/滑块
搜索功能
23
车载HMI媒体界面设计
音乐播放器
电台/播客
音效设置
24
车载HMI导航界面设计
地图配色层级
路线引导
POI展示
25
车载HMI空调界面设计
温度/风量
座椅加热
快捷面板
26
车载HMI车辆控制界面
驾驶模式
灯光门窗
充电/油箱
27
车载HMI仪表盘设计
时速/转速
行车信息
ADAS显示
28
车载HMI HUD设计
信息层级布局
AR导航
亮度自适应
29
车载HMI设计系统搭建
Design Token
组件库
维护迭代
30
车载HMI设计趋势与未来
3D HMI
AI生成UI
车载元宇宙