动态背景网页效果怎么做?Figma制作动态网页效果的方法

金珍妮            来源:优草派

在我们的UI设计中,经常会使用到的软件就是Figma软件。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件。今天小编为大家带来的就是,如何用我们的Figma怎么制作动态背景网页的具体方法和步骤,赶快和小编一起来看一看学习起来吧!

动态背景网页效果怎么做?Figma制作动态网页效果的方法

1.首先第一步,新建画板尺寸,调整为1920*1080。

2.然后第二步,我们填充背景并且排版,将元素拖入画板并且调整位置和大小。

3.第三步,这一步我们需要添加背景装饰了,可以在这里随便画几个图形,然后添加模糊效果并且添加渐变,复制几份并且调整位置和大小。

4.第四步,我们连接原型。将上一个步骤的图形复制一份,调整装饰元素以及图片的位置,让整个画面出现一些变化动态的效果,也调整一下元素的大小和角度。

5.连接原型,选择after delay,延迟修改为1,选择smart animate,延迟修改为4000。

6.最后我们检查一下画面的细节,将我们刚刚制作的动画演示一下看一下还有哪里需要修改,我们的动态背景网页就制作完成啦。

以上就是小编为大家带来的,关于Figma制作动态网页效果的方法,赶快和小编一起来学习吧,希望对你们有所帮助哦!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行