Figma如何做浮动交互动画,如何快速绘制浮动交互延时动画?

相信很多学交互设计的朋友都很熟悉交互动画,我们可以在很多场景中利用这种效果为自己的设计增色。边肖今天给大家带来的是Figma如何做浮动交互动画的思路和方法。来和边肖一起学习吧!

Figma怎么做悬浮交互动画 如何快速绘制悬浮交互延迟动画

1.首先,第一步是创建一个新的画板,然后我们根据自己的想法快速绘制一个网页的第一屏。

2.第二步,画一个长方形的正方形,大小由我们自己定义,然后填入一些修饰元素。完成后,我们选择图片中的所有元素。

3.接下来,我们框住组,然后复制并选择它们。然后创建组件,这里你需要记得把第二个正方形的透明度改成0,方便我们后期的操作设计。

4.然后我们添加一个交互动画,悬停时的动作,动画智能动画。我们选择慢速作为速率,然后这里的持续时间选项建议更长,然后点击确定。

5.接下来,我们在绘图板区域复制多个矩形组件,并与我们的快捷命令d一起使用。在这里,边肖建议您选择自动布局。这一步可能需要一点时间。我们要有耐心,然后要依次安排他们来完成。

6.最后看一下效果,演示一下,就完成了。

以上小编给大家带来的就是这些。关于Figma如何制作浮动交互动画,希望对你有帮助!

剪辑教程

旗袍怎么折叠才不会皱,旗袍褶皱画法

2022-9-7 18:19:28

剪辑教程

Figma制作全息视觉卡片教程 全息卡片怎么做,全息卡片的制作工艺

2022-9-7 18:19:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索