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

更新於 2023/08/28閱讀時間約 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
243會員
101內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 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
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
遠距教學利器 Zoomit,讓你的線上教學如有神助!三大功能:放大/縮小、塗鴉劃記、倒數計時,一次學會!附贈全息圖和教學圖卡,打通軟體操作上的所有盲點!
Thumbnail
W.手工紋繡藝術學院   #紋繡半永久教學 #霧眉專班 沒有基礎--我們從0基礎教起 沒有經驗--我們一對一保證傳授經驗 一個人最好的狀態 就是知道自己想要什麼 並全力以赴 就像日出一樣 越來越耀眼 -------------------------- #紋繡眉眼唇全科班教學 #紋繡半永久創業班
Thumbnail
在 Google Meet 301 裡面連老師示範怎麼上線上課,以及使用了哪些工具或技巧。
Thumbnail
連老師幫各位老師錄了 4 支 Google Meet 操作教學影片,接下來會寫一系列的步驟圖文,老師們可以邊看邊操作喔!
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
遠距教學利器 Zoomit,讓你的線上教學如有神助!三大功能:放大/縮小、塗鴉劃記、倒數計時,一次學會!附贈全息圖和教學圖卡,打通軟體操作上的所有盲點!
Thumbnail
W.手工紋繡藝術學院   #紋繡半永久教學 #霧眉專班 沒有基礎--我們從0基礎教起 沒有經驗--我們一對一保證傳授經驗 一個人最好的狀態 就是知道自己想要什麼 並全力以赴 就像日出一樣 越來越耀眼 -------------------------- #紋繡眉眼唇全科班教學 #紋繡半永久創業班
Thumbnail
在 Google Meet 301 裡面連老師示範怎麼上線上課,以及使用了哪些工具或技巧。
Thumbnail
連老師幫各位老師錄了 4 支 Google Meet 操作教學影片,接下來會寫一系列的步驟圖文,老師們可以邊看邊操作喔!