为什么单独把 Principle 拿出来练

很多做界面还原和交互梳理的同学,静态稿画得很溜,一到给开发交接或者做内部评审,就只能靠嘴说“这里滑过去,那里弹回来”。这种沟通成本极高,而且你自己对动效节奏的判断往往是模糊的。这门课解决的就是这个缺口:让你能快速把静态设计稿变成可运行、可导出视频的动效原型,用实际演示替代口头描述。它不教你高深的动画理论,而是逼你把软件操作练到肌肉记忆,别在工具层面卡壳。适合已经能熟练使用 Sketch 或类似软件做静态界面,但缺乏动效表达手段的同学。如果你连画板和图层的基本概念都没有,建议先补静态设计基础再来跟这门课,否则会在基础操作上浪费大量时间。

别按顺序看,先抓主干再抠细节

这门课的章节安排是标准的软件操作流水线,但我不建议你老老实实从头看到尾。第一部分认识软件和安装,快速过一遍就行,别在这上面耗时间。真正要停下来动手练的是中间的工具栏与属性那几块。建议先看画板和矩形这两节,把最基础的容器和图形逻辑搞透;然后直接跳到 Sketch 导入那节,因为实际工作中你几乎不可能在 Principle 里从零画界面,必然是从外部导入。导入这一步坑很多,图层丢失、组件错位是常态,必须跟着资料包里的示例文件走一遍完整流程。看完导入,再回头补字体、编组和组件创建,这时候你的理解会深很多。预览那节虽然短,但它是验证你所有操作是否正确的唯一标准,必须和前面的操作绑定练习,改一步预览一次,别攒着一堆操作最后再看。

学完能干什么与资料怎么用

看完这套教程,你应该能独立完成一个多页面带过渡动效的原型,并且能导出视频给团队看。具体来说,你得能回答这几个问题:外部稿子导入后图层结构怎么管理才不乱?组件和编组的区别到底在哪,什么时候用哪个?动画的触发和结束状态在软件里是怎么定义的?练习时,拿资料包里的示例文件做对照,先原样复现一遍视频里的操作,然后自己改参数,比如把缓动曲线调到极端,看预览效果有什么变化。不要只看不动手,动效这门手艺,眼睛觉得会了,手一摸全废。重点把导出视频和预览这两个环节练熟,因为这是你向别人证明设计可行性的关键输出手段。练到能不查文档就完成一个基础交互动效,这门课的任务就算完成了。

课程目录

1-1 [认识principle] 为什么用priciple (03:14)
1-2 [认识principle] 软件下载安装 (01:33)
2-1 [开始principle第一步] 界面介绍 (08:19)
2-2 [开始principle第一步] 新建、保存、打开、导入 (05:12)
2-3 [开始principle第一步] 导出视频 (03:04)
2-4 [开始principle第一步] 放大缩小、拖拽 (01:51)
3-1 [工具栏等属性] 画板 (02:48)
3-2 [工具栏等属性] 矩形 (05:49)
3-3 [工具栏等属性] 字体 (01:45)
3-4 [工具栏等属性] Sketch导入 (10:47)
3-5 [工具栏等属性] 创建组件 (05:32)
3-6 [工具栏等属性] 编组、图层 (03:21)
3-7 [工具栏等属性] 预览 (03:32)
3-8 [工具栏等属性] mirror (01:31)
4-1 [Drivers交互动效] Drivers交互动效介绍 (11:32)
4-2 [Drivers交互动效] 水平、垂直交互属性 (05:52)
4-3 [Drivers交互动效] 事件(闪电符) (07:20)
4-4 [Drivers交互动效] drivers案例A (07:27)
4-5 [Drivers交互动效] drivers案例B (13:28)
5-1 [Animate转场动效] Animate转场动效介绍 (03:55)
5-2 [Animate转场动效] 动效列表 (05:15)
5-3 [Animate转场动效] 结合animate案例 (10:28)
6-1 [APP案例操作] app案例A (12:42)
6-2 [APP案例操作] app案例B (09:02)
6-3 [APP案例操作] app案例C (06:59)