资源介绍
视频数量：19个
总时长：2小时19分
课程介绍：
Figma动效设计实战课——让界面真正"活"起来
你有没有过这样的经历？花了好几天精心设计了一套界面，视觉效果挑不出毛病，但每次点开都觉得少了点什么——按钮切换太生硬，弹窗出现像"啪"一下砸在脸上，页面之间的跳转毫无过渡感。问题出在哪？动效。你的界面缺的不是漂亮，而是"生命感"。
这门《Figma动效设计实战课》就是来解决这个问题的。授课老师Ahmed Al-Hasan是有五年经验的UI/UX设计师，做过不少数字产品和设计系统，他发现一个规律：真正让人觉得好用的界面，视觉只是基础，动效才是把一切串起来的线。他会在这门课里把这个道理掰开了揉碎了讲给你听。
课程一共有19节课，总时长两个多小时，不长不短，刚好够你从零开始把Figma动效玩明白。整门课分成五个板块，从认识工具到做出能直接放进作品集的成品，一条线走下来。
一、认识Figma动效
开篇几节课先把地基打好。第一节会告诉你这门课最终要做出什么东西，让你心里有个数。然后讲清楚Figma Motion到底是什么——很多同学可能只用过Figma做静态设计，对它自带的动效功能完全没概念。老师会解释动效在现代设计流程里扮演什么角色，以及它为什么不是"锦上添花"而是真的"缺它不可"。最后一节带你在Figma里把项目文件建好，把界面熟悉一遍，确保后面的操作能跟上节奏。
二、搭建界面
工具准备好了，下一步就是画东西。这一部分会教你设计界面的各个组件，并且特别强调一个很多人忽略的事——图层整理。为什么图层整理这么重要？因为如果你从一开始就乱糟糟的，等做动画的时候你会发现根本分不清哪个元素在什么时候动，改一个地方全乱套。提前把图层分好类、命好名，后面会省下大量返工的时间。
三、让界面动起来
这是整门课最核心的部分，包含了七节课，内容相当扎实。
先从最基础的开始：做出你的第一个动画。位置怎么动、缩放怎么变、透明度怎么淡入淡出，这些最常用的属性都会被讲到。学会了这些之后，就进入到动效设计里最关键的环节——时间、持续时长和缓动。很多新手做出来的动画"塑料感"很强，就是因为缓动没选对。一个按钮从隐藏到出现，用线性动画和用弹性缓动，感觉完全不一样。老师会告诉你什么时候该用什么缓动，为什么有些缓动看起来高级，有些看起来廉价。
掌握单元素动画之后，下一步就是多元素协同。现实中你做的界面不可能只有一个东西在动——通知弹出来的时候，背景可能也在变，菜单展开的时候图标也在转。这就涉及到"分层动画"的概念：把多个动画叠加在一起，让它们在时间轴上配合好，既有先后顺序，又有并发动画。课程里会一步一步演示怎么操作，怎么调整时间轴，让多个动画看起来是一个整体而不是各动各的。想象一下你用的任何操作系统，那些流畅的分层效果背后就是这个原理。
四、给动画加细节
基础的会了之后，进入打磨阶段。循环动画怎么做？用关键帧怎么做出更复杂的效果？这些都有专门一节课来讲。更重要的是，课程专门用一节来讲"动效设计里最常犯的错误"。这节课含金量很高，因为很多坑不是技术问题，而是审美和习惯问题。比如动画太快让人觉得头晕，太慢让人觉得卡顿，过度使用动效反而让界面变乱。老师会把新手最容易踩的雷一一列出来，并告诉你怎么避开它们。同时也会讲到那些看似不起眼的微调，怎么让动画整体感觉更精致、更自然。
五、导出和实战项目
学会做动画还不够，你得能用。课程会教你把做好的动效导出成不同格式——GIF、MP4、WebM、SVG，每种格式适合什么场景都说得清清楚楚。比如放作品集用GIF，演示给客户看用MP4，嵌入网页或者交给开发用WebM或SVG，各种场景该怎么选都讲到位。
最后是实战环节，包含两个完整的案例练习。第一个是动画加载圆环——看似简单，但要把循环做得自然、节奏舒服并不容易。第二个是进度窗口的进阶动画，这个会更复杂一些，涉及多个元素的配合。做完这两个案例之后，还有一个课程作业让你自己动手做一个完整的动画UI，把前面学的东西串起来用一遍。做完之后回头看，你会有种"原来我也能做出这种效果"的成就感。
整门课学完之后，你能够独立在Figma里做出有质感、有节奏的界面动效，明白什么时候该用动效、什么时候不该用，怎么用最少的设计语言达到最好的交互效果。这些能力直接就能体现在你的设计作品集里，让你的作品从一堆静态界面中跳出来。
适合谁呢？如果你已经在用Figma做UI设计，想让自己的作品从"能看"变成"好用"、从静态变成动态，这门课非常对路。如果你是前端开发者，想自己做一些高质量的原型动效来跟设计师对齐想法，也能从中学到实用的工作流。又或者你是产品经理，想更好地和设计师沟通动效方案、知道一个需求落地大概是什么效果，跟一遍课下来心里就有谱了。零基础也能跟，因为老师会从最基础的界面搭建开始教，只不过有Figma使用经验的话会学得更快。
两个多小时，十九节课，从打开Figma到导出成品，一口气学完，你对动效的理解会和之前完全不一样。