相信很多学交互设计的朋友都很熟悉交互动画,我们可以在很多场景中利用这种效果为自己的设计增色。边肖今天给大家带来的是Figma如何做浮动交互动画的思路和方法。来和边肖一起学习吧!
1.首先,第一步是创建一个新的画板,然后我们根据自己的想法快速绘制一个网页的第一屏。
2.第二步,画一个长方形的正方形,大小由我们自己定义,然后填入一些修饰元素。完成后,我们选择图片中的所有元素。
3.接下来,我们框住组,然后复制并选择它们。然后创建组件,这里你需要记得把第二个正方形的透明度改成0,方便我们后期的操作设计。
4.然后我们添加一个交互动画,悬停时的动作,动画智能动画。我们选择慢速作为速率,然后这里的持续时间选项建议更长,然后点击确定。
5.接下来,我们在绘图板区域复制多个矩形组件,并与我们的快捷命令d一起使用。在这里,边肖建议您选择自动布局。这一步可能需要一点时间。我们要有耐心,然后要依次安排他们来完成。
6.最后看一下效果,演示一下,就完成了。
以上小编给大家带来的就是这些。关于Figma如何制作浮动交互动画,希望对你有帮助!