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

更新於 發佈於 閱讀時間約 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
273會員
104內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
窩 World 的其他內容
在設計中,紋理素材是創作的重要元素,能為作品增添豐富的視覺效果。這裡為你介紹八個網站,提供各種多樣化的紋理素材,讓你的設計更具層次感和獨特風格。八個網站依序是 Bg-Patterns、The Pattern Library、Paper-Co、Hero Patterns,還有其他四個,讓我們看下去。
在繁忙的工作中,協調會議時間可能變得十分令人疲憊。但別擔心,Meetor 來了!這個簡約且便利的網站可以幫助你快速調查會議時段,讓你在手機上就能立即上手,不再需要無止盡的郵件或通訊軟體確認行程,直接節省寶貴的時間和精力。快立即嘗試 Meetor,體驗它帶來的便利和效率,讓你的會議變得事半功倍吧!
在數位時代,插圖和向量圖在許多場合中扮演重要角色,但繪製插圖對非設計師可能是挑戰。Recraft為解決方案,AI幫助生成30秒內精美插圖。無需設計背景或繪畫技巧,Recraft讓每個人輕鬆製作驚豔作品。立即嘗試Recraft,AI成為創意夥伴,提升你的設計能力,呈現美麗插圖形式!
嘿,親愛的朋友們!在忙碌的生活中,我們往往忽略了周遭的自然美景。無論是崇山峻嶺,還是湛藍的海洋,這些美景都擁有療癒心靈的力量。今天,我們將與大家分享六款能帶你置身山海之間的電腦桌布,讓你在忙碌的日子中仍能有放鬆和寧靜的感覺,幫助你在工作與生活中重新找回平衡和能量,為自己締造一片放鬆和恢復的空間吧!
當我們需要簡報素材或網頁介面插圖時,找到合適的圖片是一個費時的任務。而現在有些驚艷的網站,你不需要註冊,就能夠輕鬆下載插圖或自定義插圖的顏色。在本篇文章中,我們將介紹八個這樣的網站,不需要註冊,只需要連接網絡,你就可以輕鬆下載插圖或自定義插圖的顏色。立即嘗試這些網站,為你的設計添加獨特視覺元素吧!
在忙碌的生活中,有效的檔案管理對於提升生產力至關重要。如果你正在尋找一個簡單且實用的方法來管理你的工作和檔案,那麼我們將分享六款免費下載的電腦桌布,幫助你方便地規劃工作、安排每日任務、管理優先事項、追蹤檔案進行情形,還有提醒你要隨心所欲地追求夢想。讓我們一起來看看這些電腦桌布如何提升你的生產力吧!
在設計中,紋理素材是創作的重要元素,能為作品增添豐富的視覺效果。這裡為你介紹八個網站,提供各種多樣化的紋理素材,讓你的設計更具層次感和獨特風格。八個網站依序是 Bg-Patterns、The Pattern Library、Paper-Co、Hero Patterns,還有其他四個,讓我們看下去。
在繁忙的工作中,協調會議時間可能變得十分令人疲憊。但別擔心,Meetor 來了!這個簡約且便利的網站可以幫助你快速調查會議時段,讓你在手機上就能立即上手,不再需要無止盡的郵件或通訊軟體確認行程,直接節省寶貴的時間和精力。快立即嘗試 Meetor,體驗它帶來的便利和效率,讓你的會議變得事半功倍吧!
在數位時代,插圖和向量圖在許多場合中扮演重要角色,但繪製插圖對非設計師可能是挑戰。Recraft為解決方案,AI幫助生成30秒內精美插圖。無需設計背景或繪畫技巧,Recraft讓每個人輕鬆製作驚豔作品。立即嘗試Recraft,AI成為創意夥伴,提升你的設計能力,呈現美麗插圖形式!
嘿,親愛的朋友們!在忙碌的生活中,我們往往忽略了周遭的自然美景。無論是崇山峻嶺,還是湛藍的海洋,這些美景都擁有療癒心靈的力量。今天,我們將與大家分享六款能帶你置身山海之間的電腦桌布,讓你在忙碌的日子中仍能有放鬆和寧靜的感覺,幫助你在工作與生活中重新找回平衡和能量,為自己締造一片放鬆和恢復的空間吧!
當我們需要簡報素材或網頁介面插圖時,找到合適的圖片是一個費時的任務。而現在有些驚艷的網站,你不需要註冊,就能夠輕鬆下載插圖或自定義插圖的顏色。在本篇文章中,我們將介紹八個這樣的網站,不需要註冊,只需要連接網絡,你就可以輕鬆下載插圖或自定義插圖的顏色。立即嘗試這些網站,為你的設計添加獨特視覺元素吧!
在忙碌的生活中,有效的檔案管理對於提升生產力至關重要。如果你正在尋找一個簡單且實用的方法來管理你的工作和檔案,那麼我們將分享六款免費下載的電腦桌布,幫助你方便地規劃工作、安排每日任務、管理優先事項、追蹤檔案進行情形,還有提醒你要隨心所欲地追求夢想。讓我們一起來看看這些電腦桌布如何提升你的生產力吧!
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】 看膩了一般常見的目標直條圖,今天來教學把這個死板板的圖表變得更加活潑。 有多活潑?看到封面圖片就知道了吧🤣 【🎗️範例展示】 把目標與實際用不同的形狀加以詮釋,並且把資料標籤改成圓形滑珠的形式,顏色
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
Thumbnail
EXCEL設計新思維,即日起新增了一個新的房間【EXCEL儀表板】,什麼是EXCEL儀表板呢? Excel 儀表板是一種視覺化工具,用於展示和分析數據,幫助用戶快速理解和決策。以下是Excel儀表板的主要特點和功能簡介: 特點 視覺化展示: 使用圖表、圖形和表格來直觀展示數據。 常見的圖
Thumbnail
在Excel中實作使用者介面(UI)是一個有趣且實用的技能,能夠幫助你更好地呈現資料、提供功能並增強使用者體驗。本文將逐步介紹如何在Excel中建立基本的UI元素,例如按鈕、下拉式選單和文字框,並擴展功能,例如資料驗證和動態更新。
Thumbnail
Excel是一個強大的電子試算表軟體,不僅適用於數據分析和報表製作,還能通過VBA(Visual Basic for Applications)進行自動化和擴展功能。要使用這些進階功能,首先需要啟用開發人員選項。以下將詳細介紹在Windows和Mac版本的Excel中如何啟用這個選項。 在Wi
Thumbnail
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】 EXCEL中橫條圖(又稱橫向條形圖)是一種常用的圖表類型,用於以視覺化的方式表示數據。它主要用來比較不同類別之間的數據量。每個類別都有一條水平的條形,以代表該類別的數據值。這種圖表通常適合比較不同類別之間的差異。
Thumbnail
想製作看起來專業又精美的圖表嗎?面對一堆數據卻不知該如何報告嗎? Graphy絕對能滿足你的需求! Graphy是一個提供圖表製作、數據分析等功能的AI工具,讓使用者能夠快速創建和分享數據視覺化的內容,使報告製作變得更加高效、易於理解,無需複雜的整合或廣泛的學習。
Thumbnail
這本書詳細解說如何畫素描,並提供大量示意圖和步驟圖。透過簡單的教學,讓我們瞭解素描的技巧和影像視角原理。這本書提供了實用的素描基礎知識和技巧,有助於提高素描能力並且快樂地鍛鍊藝術技巧。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】 看膩了一般常見的目標直條圖,今天來教學把這個死板板的圖表變得更加活潑。 有多活潑?看到封面圖片就知道了吧🤣 【🎗️範例展示】 把目標與實際用不同的形狀加以詮釋,並且把資料標籤改成圓形滑珠的形式,顏色
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
這篇文章分享了四款免費線上工具,包括Photopea、Canva、Kleki和AutoDraw,教初學者如何學習平面設計創作。這些工具各有其優點和特點,可供學習者選擇使用。
Thumbnail
前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
Thumbnail
EXCEL設計新思維,即日起新增了一個新的房間【EXCEL儀表板】,什麼是EXCEL儀表板呢? Excel 儀表板是一種視覺化工具,用於展示和分析數據,幫助用戶快速理解和決策。以下是Excel儀表板的主要特點和功能簡介: 特點 視覺化展示: 使用圖表、圖形和表格來直觀展示數據。 常見的圖
Thumbnail
在Excel中實作使用者介面(UI)是一個有趣且實用的技能,能夠幫助你更好地呈現資料、提供功能並增強使用者體驗。本文將逐步介紹如何在Excel中建立基本的UI元素,例如按鈕、下拉式選單和文字框,並擴展功能,例如資料驗證和動態更新。
Thumbnail
Excel是一個強大的電子試算表軟體,不僅適用於數據分析和報表製作,還能通過VBA(Visual Basic for Applications)進行自動化和擴展功能。要使用這些進階功能,首先需要啟用開發人員選項。以下將詳細介紹在Windows和Mac版本的Excel中如何啟用這個選項。 在Wi
Thumbnail
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】 EXCEL中橫條圖(又稱橫向條形圖)是一種常用的圖表類型,用於以視覺化的方式表示數據。它主要用來比較不同類別之間的數據量。每個類別都有一條水平的條形,以代表該類別的數據值。這種圖表通常適合比較不同類別之間的差異。
Thumbnail
想製作看起來專業又精美的圖表嗎?面對一堆數據卻不知該如何報告嗎? Graphy絕對能滿足你的需求! Graphy是一個提供圖表製作、數據分析等功能的AI工具,讓使用者能夠快速創建和分享數據視覺化的內容,使報告製作變得更加高效、易於理解,無需複雜的整合或廣泛的學習。
Thumbnail
這本書詳細解說如何畫素描,並提供大量示意圖和步驟圖。透過簡單的教學,讓我們瞭解素描的技巧和影像視角原理。這本書提供了實用的素描基礎知識和技巧,有助於提高素描能力並且快樂地鍛鍊藝術技巧。