Figma是我们在交互设计和视觉设计中必不可少的一个软件，在我们进行界面交互设计的时候，经常会看到进度条的运用 。那么我们怎么用Figma来实现圆形进度条效果呢？接下来就是小编为大家带来的，关于关于我们Figma圆环进度条制作方法，赶快和小编一起来看看学习起来吧！
文章插图
1.首先我们打开figma，创建一个圆，拖动锚点制作弧形圆环 。
2.然后我们为圆环填充渐变，选择一个喜欢的颜色进行填充，可以设置为黄色渐变或者是蓝色渐变，注意一下界面的色彩搭配 。
3.然后我们复制面板，将面板中的圆环旋转三等分角度，通过调节角度来让三个图形呈现不一样的进度的感觉 。
4.接下来我们就可以开始添加交互了，after delay，nevigate to，添加动画 。Smart animate，linear，分别设置好时间参数 。
5.最后，我们将画面的一些细节部分进行整理，比如说圆形的弧度和颜色的最后搭配进行调整 。然后进行一下画面的演示，看一下效果，我们的圆环进度动态条就制作完成啦 。
【Figma怎么做圆环进度条 圆环进度条制作方法】以上就是小编为大家带来的，关于Figma怎么做圆环进度条的方法，希望对各位正在学习UI设计和Figma软件的小伙伴们有所帮助哦，赶快和小编一起来学习吧 。
推荐阅读
- cdr怎么填充砖墙效果？cdr图样填充功能使用教程
- AI怎么制作彼岸花 彼岸花效果的制作方法
- Figma教育版使用方法 Figma教育版怎么申请？
- 小企业品牌怎么传播？如何操作？
- 怎么判断适合什么发型
- 冰棒模具里的冰棒怎么拿出来
- 怎么看自己适合什么发型女
- 吴迪怎么火的
- 怎么看自己适合什么发型男
- 怎么试自己适合什么发型