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

閱讀時間約 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|數位生產力

178會員
99內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
發表第一個留言支持創作者!
窩 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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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 操作教學影片,接下來會寫一系列的步驟圖文,老師們可以邊看邊操作喔!