操作教學|教你繪製多種手繪風格的視覺圖表

更新於 發佈於 閱讀時間約 5 分鐘
© 窩DEMAA

© 窩DEMAA

在專案管理、創意表達或簡報分享中,一張清晰又生動的手繪視覺圖表經常能夠傳達更多信息和想法。而 Excalidraw 就是一個能夠幫助你輕鬆創建多種手繪風格的視覺圖表的工具。在這篇教學中,我們將深入介紹如何使用 Excalidraw,包括環境介紹、操作功能,以及在不同情境下的應用。

@digi.productivity|讓你繪製出多種手繪風格圖表

@digi.productivity|讓你繪製出多種手繪風格圖表

01 開啟 Excalidraw

請 點此 開啟 Excalidraw 網站,或者在搜尋引勤輸入 Excalidraw 就能看見。Excalidraw 是一個簡單易用的線上手繪工具,讓使用者可以輕鬆地創建各種手繪風格的視覺圖表。它提供了多種基本工具,如筆觸、形狀、箭頭和文本,用戶可以在空白畫布上進行繪製。
01 開啟 Excalidraw|#1

01 開啟 Excalidraw|#1

01 開啟 Excalidraw|#2

01 開啟 Excalidraw|#2


02 Excalidraw 環境介紹

Excalidraw 的介面設計簡單直觀,讓使用者能夠輕鬆上手並創建手繪風格的視覺圖表。以下是 Excalidraw 介面的環境介紹及其提供的功能:

① 畫布

正中央是畫布區域,你可以在這裡自由地繪製圖表元素。按住滑鼠左鍵可以畫線、圖形等,也可以透過點擊中上方的工具列來繪製。
02 Excalidraw 環境介紹|① 畫布

02 Excalidraw 環境介紹|① 畫布

② 中上方功能列

位於畫布的中上方,這是你開始創建圖表的地方。這裡包含了一系列的工具,讓你能夠選擇不同的筆觸、形狀、箭頭、文字以及匯入圖片的工具。
02 Excalidraw 環境介紹|① 中上方功能列

02 Excalidraw 環境介紹|① 中上方功能列

③ 左側工具欄

位於畫布的左側,點擊三條線圖示,可以看見一個垂直的工具欄。工具欄中包含了開啟檔案、儲存檔案、匯出圖片、即時協作、恢復全白畫布、改用深色模式、調整畫布背景,以及 Excalidraw 相關的社群媒體。
02 Excalidraw 環境介紹|② 左側工具欄

02 Excalidraw 環境介紹|② 左側工具欄

④ 右上角功能

在畫布的右上角,有兩個額外的功能按鈕。從左到右是即時協作以及資料庫。在即時協作中,你可以邀請其他人一起協作目前的作品;資料庫中,你可以選擇畫布中的物件加入資料庫,或者從內建的資料庫匯入。

02 Excalidraw 環境介紹|③ 右上角功能

02 Excalidraw 環境介紹|③ 右上角功能

  • 即時協作
02 Excalidraw 環境介紹|③ 右上角功能|即時協作

02 Excalidraw 環境介紹|③ 右上角功能|即時協作

  • 資料庫
02 Excalidraw 環境介紹|③ 右上角功能|資料庫

02 Excalidraw 環境介紹|③ 右上角功能|資料庫


03 如何使用 Excalidraw

① 基本繪製工具

Excalidraw 提供了繪製基本形狀、箭頭等工具,讓你可以輕鬆創建各種視覺元素。此外,也可以使用矩形、圓形、箭頭等工具,繪製各種基本形狀,只需點擊工具欄上的相應圖示,在畫布上拖動鼠標就能繪製。
03 如何使用 Excalidraw|① 基本繪製工具

03 如何使用 Excalidraw|① 基本繪製工具

② 文本工具

Excalidraw 中,你可以使用文本工具添加標題、標籤或說明。只要點擊工具欄上的文本圖示,在畫布上點擊,就可以開始輸入你的文本。另外,也能使用文本工具添加標題、標籤或說明,以增加圖表的可讀性。
03 如何使用 Excalidraw|② 文本工具

03 如何使用 Excalidraw|② 文本工具

③ 複製、貼上和群組

選擇一個物件,按下 Ctrl + C 複製,然後按下 Ctrl + V 貼上。你還可以選擇多個物件,右鍵點擊,然後選擇「建立群組」來將它們組合成一個。
03 如何使用 Excalidraw|③ 複製、貼上和群組

03 如何使用 Excalidraw|③ 複製、貼上和群組

④ 自定義筆觸和顏色

點擊工具欄上的筆圖示,你可以選擇不同的筆觸樣式和顏色。這樣你可以根據需要來創建各種手繪效果。
03 如何使用 Excalidraw|④ 自定義筆觸和顏色

03 如何使用 Excalidraw|④ 自定義筆觸和顏色

⑤ 使用畫布背景

Excalidraw 允許你更改畫布背景。選擇左側工具欄,點擊三條線圖示,你可以在 Canvas 背景選擇要使用的背景,或者使用色票自定義背景顏色。
03 如何使用 Excalidraw|⑤ 使用畫布背景

03 如何使用 Excalidraw|⑤ 使用畫布背景

⑥ 使用關鍵字搜尋

如果你希望在專案中使用特定主題的圖表,你可以在 Excalidraw 的資料庫中透過關鍵字搜索。例如,如果你想要一個流程圖,你可以搜索 "流程圖" 來找到相關的模板。
03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#1

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#1

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#2

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#2

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#3

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#3

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#4

03 如何使用 Excalidraw|⑥ 使用關鍵字搜尋|#4


04 適用情境

① 專案計劃與管理

Excalidraw 可以幫助你創建流程圖、時程表或任務分配,幫助團隊更清晰地了解專案進度。

② 創意表達和設計

使用不同的筆觸和顏色,你可以以手繪風格表達創意想法,使圖表更具視覺吸引力。

③ 簡報分享與討論

在會議或團隊討論中,使用 Excalidraw 可以即時繪製圖表來闡述想法,促進更有效的溝通。


今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IG 和 FB 社團,就能在第一時間收到最新的生產力工具介紹。最後,Excalidraw 的簡單操作和豐富功能使其成為創建手繪視覺圖表的理想選擇,無論在專業工作、創意設計還是簡報分享中都能夠發揮其價值,趕緊來試試看吧!我們下次見!

☸ 窩DEMAA

FBIGTiktokMatterPopdaily

© 窩DEMAA|數位生產力

© 窩DEMAA|數位生產力

留言
avatar-img
留言分享你的想法!
avatar-img
窩 World
685會員
108內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
窩 World 的其他內容
2025/03/14
過去,當我們在 YouTube 看到英文影片時,常常因為語言障礙而感到挫折。不過時代變了,今天要跟大家分享的 Draw.ai,它不僅能將影片內容整理成重點摘要,還能製作成簡報風格的圖卡,讓你在複習及分享時更方便。此外,還可以搭配 ChatGPT 的運用,將圖卡內容翻譯成繁體中文,降低大家理解的門檻!
Thumbnail
2025/03/14
過去,當我們在 YouTube 看到英文影片時,常常因為語言障礙而感到挫折。不過時代變了,今天要跟大家分享的 Draw.ai,它不僅能將影片內容整理成重點摘要,還能製作成簡報風格的圖卡,讓你在複習及分享時更方便。此外,還可以搭配 ChatGPT 的運用,將圖卡內容翻譯成繁體中文,降低大家理解的門檻!
Thumbnail
2025/03/04
在大數據世代來臨,如何高效地彙整文獻並提煉出你所關心的核心資訊,成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具,例如 EndNote、Zotero、Mendeley,在各有各的優勢下,今天要分享另一款結合 AI 與文獻管理的工具 — Afforai,讓你的寫作旅程有另一種可能。
Thumbnail
2025/03/04
在大數據世代來臨,如何高效地彙整文獻並提煉出你所關心的核心資訊,成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具,例如 EndNote、Zotero、Mendeley,在各有各的優勢下,今天要分享另一款結合 AI 與文獻管理的工具 — Afforai,讓你的寫作旅程有另一種可能。
Thumbnail
2025/02/24
在現今這個高效率至上的時代,我們都知道事前規劃的重要性,然而,多數人卻忽略規劃與實際執行之間往往存在落差,而這個落差正是我們需要檢視與優化的地方。因此,為了幫助大家更精確地了解自己的執行能力,特別設計了一個「規劃 & 實際執行對照表」,希望透過每日與每週的紀錄,幫助大家更有效率地管理時間。
Thumbnail
2025/02/24
在現今這個高效率至上的時代,我們都知道事前規劃的重要性,然而,多數人卻忽略規劃與實際執行之間往往存在落差,而這個落差正是我們需要檢視與優化的地方。因此,為了幫助大家更精確地了解自己的執行能力,特別設計了一個「規劃 & 實際執行對照表」,希望透過每日與每週的紀錄,幫助大家更有效率地管理時間。
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
想製作看起來專業又精美的圖表嗎?面對一堆數據卻不知該如何報告嗎? Graphy絕對能滿足你的需求! Graphy是一個提供圖表製作、數據分析等功能的AI工具,讓使用者能夠快速創建和分享數據視覺化的內容,使報告製作變得更加高效、易於理解,無需複雜的整合或廣泛的學習。
Thumbnail
想製作看起來專業又精美的圖表嗎?面對一堆數據卻不知該如何報告嗎? Graphy絕對能滿足你的需求! Graphy是一個提供圖表製作、數據分析等功能的AI工具,讓使用者能夠快速創建和分享數據視覺化的內容,使報告製作變得更加高效、易於理解,無需複雜的整合或廣泛的學習。
Thumbnail
在專案管理、創意表達或簡報分享中,一張清晰又生動的手繪視覺圖表經常能夠傳達更多信息和想法。而 Excalidraw 就是一個能夠幫助你輕鬆創建多種手繪風格的視覺圖表的工具。在這篇教學中,我們將深入介紹如何使用 Excalidraw,包括環境介紹、操作功能,以及在不同情境下的應用。讓我們看下去!
Thumbnail
在專案管理、創意表達或簡報分享中,一張清晰又生動的手繪視覺圖表經常能夠傳達更多信息和想法。而 Excalidraw 就是一個能夠幫助你輕鬆創建多種手繪風格的視覺圖表的工具。在這篇教學中,我們將深入介紹如何使用 Excalidraw,包括環境介紹、操作功能,以及在不同情境下的應用。讓我們看下去!
Thumbnail
Onshape草圖工具工具當您執行以下操作時,會出現 Sketch 工具欄:通過單擊新建創建一個新草圖草圖特徵工具欄中的工具打開現有草圖進行編輯它包含創建 2D 草圖所需的所有工具,您可以從中創建 3D 特徵或零件。 工具圖標旁邊的小箭頭表示下拉菜單:
Thumbnail
Onshape草圖工具工具當您執行以下操作時,會出現 Sketch 工具欄:通過單擊新建創建一個新草圖草圖特徵工具欄中的工具打開現有草圖進行編輯它包含創建 2D 草圖所需的所有工具,您可以從中創建 3D 特徵或零件。 工具圖標旁邊的小箭頭表示下拉菜單:
Thumbnail
聊聊資源吧2——12款好用的資料視覺化工具
Thumbnail
聊聊資源吧2——12款好用的資料視覺化工具
Thumbnail
各位是否曾想嘗試電腦繪圖呢?花錢購買商用繪圖軟體卻根本不會使用嗎?火羊駝FireAlpaca是一款由日本軟體開發商所推出的免費繪圖軟體,其主張「輕鬆又簡單」的使用原則,故使用介面相當簡潔,初學者也能輕易上手!
Thumbnail
各位是否曾想嘗試電腦繪圖呢?花錢購買商用繪圖軟體卻根本不會使用嗎?火羊駝FireAlpaca是一款由日本軟體開發商所推出的免費繪圖軟體,其主張「輕鬆又簡單」的使用原則,故使用介面相當簡潔,初學者也能輕易上手!
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News