点击此处返回
未登录用户
每日可免费学习1个教程
酸梅干超人
关注人数：23182
1.线性图标设计-零基础学Figma
2.面型图标设计-零基础学Figma
3.玻璃拟态页设计-零基础学Figma
4.完整项目设计-零基础学Figma
5.交互动画设计-零基础学Figma
6.单屏网页设计-零基础学Figma
7.响应式网页设计-零基础学Figma
8.B端表格页设计-零基础学Figma
9.B端规范搭建-零基础学Figma
本次课程讲解Figma零基础系列课程-第六课【交互动画设计】-连线动画效果说明，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.首先【Protopie】、【Principle】或者其他的动画软件交互动效工具，都能做出非常多有效的动画，但需要跳转其他软件界面操作，本节课分享交互动画设计，【Prototype】制作原型的功能面板。
2.①、选择【搜索】元素图标，然后点击【Prototype】，②、元素右侧中间会出现一个点，③、添加连线的事件和效果，④、点击播放按钮，预览效果。
3.点击连线右边【Prototype】功能面板会出现【Interaction details】的说明，点击【Click】跳转到【Search】页面，实现简单的交互跳转。
4.跳转到某个地方【Navigate to】，跳转到某个页面【Search】，【Animation】指的是动画效果包含：【Instant】是简单的点击，【Dissolve】慢慢过渡的效果，还可以调整过渡时间，【600ms=0.6秒/1000ms=1秒】。
5.正常操作【East out/East in】的功能是指缓动效果，【East in and out】万金油公式，最常用的缓入缓出动效。
70000+教程，每天免费学一课
打开APP，离线免流量
