优草派 > 视觉设计

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

金珍妮         优草派

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

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

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

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

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

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

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

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

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

  • 微信好友

  • 朋友圈

  • 新浪微博

  • QQ空间

  • 复制链接

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

客服热线:0731-85127885

湘ICP备 19005950号-1  

工商营业执照信息

违法和不良信息举报

举报电话:0731-85127885 举报邮箱:tousu@csai.cn

优草派  版权所有 © 2024