🚗 车机界面动效设计 · 30章
✨
风格 · 趣动课堂
1
动效设计概述
价值·原则
车机界面动效的价值 · 连贯、反馈、层级 · 动效与用户体验
➔
2
动效基础理论
12原则
缓动、挤压与拉伸、预备动作 · 帧率与时间 · 贝塞尔曲线入门
➔
3
开发环境搭建
Qt/Python
Qt Quick与QML环境 · PyQt5配置 · 动效调试工具
➔
4
QML基础动画
PropertyAnimation
NumberAnimation · ColorAnimation · 动画组合与并行
➔
5
缓动曲线详解
QEasingCurve
In/Out/InOut · 自定义贝塞尔 · 项目缓动选择
➔
6
状态与过渡
State & Transition
QML State与Transition · 状态机驱动 · 页面切换动效
➔
7
属性值动画实战
按钮·进度条
按钮悬停与点击 · 进度条填充 · 滑块拖拽动效
➔
8
路径动画
PathAnimation
FollowPathAnimation · 车辆轨迹预览动效
➔
9
粒子系统入门
Particles
雨雪天气 · 充电能量粒子动效
➔
10
着色器效果
ShaderEffect
模糊与辉光 · 动态仪表盘背景
➔
11
3D动效基础
Qt Quick 3D
3D模型旋转缩放 · 3D车辆展示
➔
12
Python与QML交互
PyQt5
Python传递数据驱动动效 · 信号与槽联动
➔
13
动效性能优化
GPU加速
减少重绘与Overdraw · Profiler分析瓶颈
➔
14
触摸与手势动效
Flickable
滑动 · 捏合缩放 · 旋转手势动效
➔
15
列表与网格动效
ListView
GridView动画 · 卡片飞入与删除动效
➔
16
图表动效
Qt Charts
动态折线图 · 柱状图入场 · 饼图展开
➔
17
地图动效
地图平移缩放
标记点弹出 · 路线绘制动效
➔
18
音频可视化动效
频谱
频谱跳动 · 波形动效
➔
19
多屏互动动效
仪表·中控
联动动效 · 导航飞行 · 跨屏拖拽
➔
20
HMI框架设计
组件化
动效组件化 · 配置文件 · 业务解耦
➔
21
动效设计工具链
AE·Lottie
After Effects导出 · Qt与Lottie集成 · 标注规范
➔
22
动效测试方法
帧率·兼容
帧率稳定性 · 硬件兼容 · 回归测试
➔
23
车载系统特性
安全·夜间
安全驾驶限制 · 夜间模式 · 低功耗策略
➔
24
启动动效设计
Logo·开机
品牌展示 · 系统加载 · 开机引导动效
➔
25
通知与提醒动效
Toast·弹窗
Toast提示 · 弹窗动效 · 消息中心
➔
26
菜单与导航动效
侧边栏·Tab
侧边滑出 · Tab切换 · 面包屑导航
➔
27
媒体播放器动效
专辑·歌词
封面旋转 · 进度条 · 歌词滚动
➔
28
空调控制动效
旋钮·风向
温度调节旋钮 · 风向摆动 · 座椅加热
➔
29
驾驶模式切换
运动·舒适
模式切换动效 · 仪表盘主题切换
➔
30
综合实战项目
完整HMI
首页·导航·音乐·空调 四大模块动效系统
➔