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教育版怎么申請？
• 小企業品牌怎么傳播？如何操作？
• 怎么判斷適合什么發型
• 冰棒模具里的冰棒怎么拿出來
• 怎么看自己適合什么發型女
• 吳迪怎么火的
• 怎么看自己適合什么發型男
• 怎么試自己適合什么發型