课程特色
- 可能是国内首个系统的 Rive 中文课程
- 结构完整、案例实战、实用导向
- 持续更新
- 本土化案例和应用场景
- 视频+笔记+完整源文件
- 学员专属答疑社群
- 中文社区支持
也许是国内首个
Rive 零基础入门到实践中文系列课
48+章节
4大核心模块
15+实战案例
课程特色
适合人群
✅ UI/UX 设计师：想为设计添加交互动画
✅ 产品经理：需要制作高保真原型
✅ 前端开发者：想学习动画设计
✅ 游戏开发者：需要制作游戏UI
✅ 独立开发者：想提升产品体验
✅ 设计爱好者：对动画设计感兴趣
课程目录
先导
1界面及导航
下载安装、主页介绍、界面概览
认识编辑器布局
工具栏、层级面板、属性检查器、画布、状态机与时间轴
交互
4状态机
讲解状态机的使用、原理、以及不同的状态
状态机输入
讲解状态机中输入的功能与作用，并与数据绑定进行对比。以及讲解过渡属性、状态机层、随机退出等相关知识
监听器
讲解监听器的使用，以及如何与状态机配合
融合状态
一维融合、叠加融合
事件系统
事件的使用方法以及音频事件的案例
数据绑定
讲解数据绑定的使用以及与输入、事件的对比。
视图模型属性
讲解视图模型的原理以及使用方法
数据转换器
讲解数据转换器的作用以及使用方法
组件
嵌套应用、动画重映射等
组件嵌套与数据绑定
组建的布局模式，嵌套输入、事件与状态机，数据绑定中的实例调用
布局系统
行列布局、尺寸自动填充、绝对定位、混合模式、文本与布局、N 切片、滚动
脚本
讲解脚本的创建、使用、借助 AI 编写脚本以及相关技巧
辅助工具
7AI 辅助制作动效
开局一张图 剩下靠 Rive，全面讲解 2026 年使用 AI 来辅助制作 Rive 动效的妙招
MCP 使用与技巧
了解 AI 与 MCP 的能力边界，让你制作动效又快速又完美
预览工具
发送给他人体验、网页预览，手机预览、AI 审查与集成
“偷”文件插件
通过分析他人文件来学习 Rive
设计
2图形与路径
形状工具、钢笔工具、路径层、编辑顶点
填充与描边
填充效果、描边设置、堆叠应用
分组与变换
创建分组、层级结构、原点设置、妙用之空间转换
裁剪与叠加
裁剪效果、描边填充裁剪、反向裁剪
素材导入
导入 SVG、图片素材、PSD、Figma、音频、字体、Lottie 等自定义素材
矢量羽化
羽化效果、背景模糊
交付与集成
5分享与导出
分享链接、素材库、导出运行时、导出备份
渲染
视频导出、静态导出
集成
Framer 集成、Figma 集成等
学完了，然后呢
8接单？
学的愉快，赚的开心
自主学习资源？
动画
3动画基础
动画模式、关键帧、插值缓动、曲线编辑、时间轴管理、工作区
路径修剪动画
路径修剪的使用
顶点动画
duangduang 弹性绳子、伪 3D 小房子
独立动画 Solos
独立动画概念、逐帧动画、角色换肤、导入 3D动画
文本动画
文本工具、文本运行、修饰器动画、文本沿路径、波浪文字效果
摇杆
使用方法、反转效果
骨骼系统
骨骼工具、骨骼动画、绑定。案例：绑定腿部、尾巴、机械手
约束
变换、平移、缩放、旋转、距离、IK、跟随路径等多种约束学习
角色绑定与动画
骨骼布局、IK 约束、反向动力学。案例：走路跳跃
网格动画
网格定义、骨骼绑定、骨骼驱动网格动画、角色与面部动画
绘制顺序
显示顺序、顺序动画。案例：围绕物体宣传，伪 3D
实战案例
6无需时间轴制作动画
做一个 Q 弹果冻柱状图，内含 Rive 动效制作心法与何为数据驱动动画
多状态按钮实战
做一个支持悬停和点击交互的动态按钮
Rive 花窗互动物理动效
基于物理规律的花朵互动，随风摇曳，光标与窗户的互动，推开窗过渡到网页中
音频互动 AI 宠物 一起听歌一起嗨
通过数据绑定将外部信息输入 Rive，制作音频交互动效以及 口型动画
电商规格选择动效
基于商品图片，用 Rive 实现不同规格间的丝滑切换过渡。
更多实战...
加餐课
9动画升华技巧
从"能动"到"好动"的分水岭，来自十个反复雕琢的核心技巧。
Rive 操作技巧
一些事半功倍的小技巧，以及预防踩坑的小 Tips
学员评价
常见问题Frequent Questions
A：购买后除不可抗力因素外，本课程长期有效，请您放心购买。
立即订阅
两个版本内容完全相同，B 站课堂观看视频效果更好，都包含所有的附赠图文笔记和源文件，B 站购买请勿使用 iOS 设备，因 iOS 抽成严重，故价格更高