交互动画相信很多学习交互设计的小伙伴们都很熟悉 ， 在很多场景中我们都可以用到这样的效果来为我们的设计增加色彩 。今天小编为大家带来的就是 ， Figma怎么做悬浮交互动画的思路和方法 ， 赶快和小编一起来看看学习起来吧！
文章插图
1.首先第一步 ， 新建一个画板 ， 然后我们根据自己的想法快速绘制一个网页首屏 。
2.第二步 ， 绘制矩形方块 ， 大小我们自己来定义 ， 然后填充一些修饰的元素 ， 做好之后我们把画面中所有的元素全部选中 。
3.接下来 ， 我们frame打组 ， 接着复制一份 ， 全部把它们选中 。然后创建组件 ， 这里需要记得将第二个方块透明度改为0 ， 以便后面我们的操作设计 。
4.然后我们添加一个交互动画 ， 动作while hovering ， 动画智能动画 ， 速率我们选择slow ， 然后时长选项这里建议是长一点 ， 再点击确定 。
5.接下来 ， 我们在画板区域将矩形组件复制多个 ， 搭配我们的快捷键command+d一起使用 ， 这里小编建议大家选择Autolayout ， 这一个步骤可能会需要一点时间哦 ， 我们要保持耐心 ， 然后要依次将他们排列好就完成啦 。
6.最后 ， 我们看一下效果演示一下 ， 就完成啦 。
【Figma怎么做悬浮交互动画 如何快速绘制悬浮交互延迟动画】以上就是小编为大家带来的 ， 关于Figma怎么做悬浮交互动画的方法 ， 希望对你们有所帮助哦！
推荐阅读
- 扁豆包子馅怎么调好吃
- 韭菜黄怎么做好吃
- 肉燕怎么煮好吃才好吃
- Fireworks怎么给动画添加文字？Fireworks怎么制作文字动画效果？
- Figma制作全息视觉卡片教程 全息卡片怎么做
- Fireworks动画制作教程 Fireworks怎么制作螺纹逐渐变小的动画？
- Fireworks调色教程 Fireworks怎么给图片调色？
- 怎么用ID制作作品集 ID中的重要命令
- PS怎么调出高级色 画面颜色过多怎么调整
- ID的首页怎么设置成跨页？ID页面设置技巧