2022/07/25
5,481
如何用 Canva 的圖表元素繪製進度條或進度環？
如果你想用 Canva 製作一些跟工作或任務進度有關的資訊圖表，可以試試它內建的進度類圖表元素，這種元素有 4 種不同的進度表現形式，還能透過工具列來調整它的外觀，任何人都能輕鬆畫出精美的進度圖。
對文章有興趣來不及看？點選右上角「
橘色小書籤」收藏文章，再也不怕錯過就是一輩子！
如果你想要用 Canva 製作一些跟工作或任務進度有關的資訊圖表，除了用別的軟體來製作之外，其實可以用 Canva 內建的進度條或進度環等圖表元素來繪製，它們總共有 4 種不同的表現形式，可以根據自己的喜好來變換外觀，而且功能都相當簡單好上手喔！
Canva 有哪些進度圖表可用？
我們打開 Canva 的編輯器之後，依序點擊 側邊欄 > 元素 > 圖表 > 查看全部，就可以找到 Canva 所提供的「圖表元素」了，它裡面除了有折線圖、圓餅圖這些經典的圖表之外，還有「進度」相關的圖表可用，主要有以下 4 種形式：
-
進度列
-
進度環
-
環形進度
-
進度轉盤
這 4 種進度圖表的差別雖然從縮圖上就可以看出來，但還是可以點進去看看它們各自所展現的效果。
圖片來源：數位小幫手提供
Canva 進度列（Progress bar）
首先是進度條（進度列），它是直線型的進度展示方式，很好用也很好理解。雖然我們用兩種不同長度跟顏色的直線也可以輕鬆做出來，但使用圖表元素的好處在於 Canva 會自動幫你計算線條的長度比例，也不用花時間對齊元素或組成群組。
在 Canva 的畫布中插入進度條之後，我們還可以點選進度條進行編輯，並透過旁邊的百分比、線條粗細、百分比標籤跟圓角端點來調整進度條的外觀，而進度條跟百分比的顏色則可以透過上方工具列的「顏色選擇器」來調整。
圖片來源：數位小幫手提供
Canva 進度環（Progress ring）
再來要介紹的是「進度環」，外觀有點像圓餅圖，但它其實就是圓型的進度條，進度環旁邊的顏色占比會根據「百分比」的設定而改變，而顏色同樣也可以透過工具列調整，其他功能基本上跟進度條差不多。
圖片來源：數位小幫手提供
Canva 環形進度（Radial progress）
「環形進度」也是一種進度的展示方式，簡單來說就是一根彎了的進度條，外觀介於進度條跟進度環之間，百分比、線條粗細、百分比標籤跟圓角端點的功能都跟前面一樣，顏色占比跟數值也會隨著百分比的設定而改變。
圖片來源：數位小幫手提供
Canva 進度轉盤（Progress dial）
Canva 的「進度轉盤」是這幾個進度圖表裡面比較特別的一種元素，因為它的圖表裡面有一根指針，而指針的位置會隨著「百分比」的數值改變，看起來很像少了刻度的汽車儀表板，而且沒有百分比標籤可以設定，所以在畫布上很難看出它確切的數值是多少。
圖片來源：數位小幫手提供
如何快速切換進度圖表類型？
進度圖表的外觀其實是可以快速做切換的，像是我可以把進度列改成進度環，也可以把進度轉盤改為進度條。
而切換的方式很簡單，首先點擊 進度圖表，接著打開側邊欄最上方 下拉選單，再點選你想要切換的進度圖表類型就好，而切換之後的設定跟數值是不會有改變的，非常方便！
圖片來源：數位小幫手提供
結語
Canva 的進度圖表就介紹到這邊囉！這幾種元素都可以在 Canva 的圖表裡面找到，有興趣的話都可以點進去試試看，同時也可以用看看其他的圖表元素，雖然功能還比不上專業的圖表軟體，但還是可以在 Canva 裡面繪製簡易的圖表喔！
看完文章要用時卻忘光光？點選下方按鈕
收藏此文章，我隨時都在這等你回來！
課程推薦
▶ 設計色彩學：建立自己的色彩品味資料庫
▶ 洞察行銷世代｜引領未來行銷的數據洞察思維
▶ 動畫互動網頁特效入門（JS/CANVAS）
延伸閱讀
（本文原載於數位小幫手，原文標題為 Canva 進度列/進度條怎麼畫？這 4 種進度圖表簡單又好用）
2974
