線上白板是一個以瀏覽器為基礎的畫布,你可以用滑鼠、觸控板、觸控筆或手指在上面繪圖,然後存成圖片或分享出去。最快開始使用的方式,不需要建立帳號,只要打開 Online Whiteboard 頁面,選擇一種筆的顏色和粗細,把想法畫出來,並在關閉分頁前下載一張 1000 乘 600 像素的 PNG。因為繪圖內容從不離開你的瀏覽器分頁,所以不會上傳任何東西、不需要登入,畫布在頁面載入的瞬間就已準備就緒。這種即時存取、自由手繪與乾淨 PNG 匯出的組合,讓這類工具天生適合用於快速繪製的圖表、白板面試、課堂範例,以及一次性視覺說明;在這些情境下,安裝一套完整的協作工具反而會拖慢你的速度。每一次完成的筆觸動作都會儲存為一筆線條,而畫布會維持固定的 1000 乘 600 像素工作解析度,即使它會自動縮放以符合你的螢幕,所以在筆電上畫的圓和在手機上畫的圓看起來一模一樣。接下來的章節會逐步說明讓這個工作流程運作的三個步驟:設定畫筆、繪圖與修正、以及匯出結果。

Online Whiteboard 的內部結構
Online Whiteboard 是一個為了自由手繪標記而打造的輕量繪圖介面。它專注在三件事:決定線條呈現的方式、在你繪圖時記錄線條、以及產出一張你可以保存的 PNG。沒有帳號、沒有遠端游標、沒有內嵌檔案、沒有背景同步,也沒有專案儀表板。所有重要的事情都在當下的分頁中發生。
在背後,畫布維持著固定的內部解析度 1000 乘 600 像素。指標座標會從可見的 CSS 矩形被限制並縮放至那個固定的繪圖介面,這就是在寬螢幕桌機畫的草圖,到手機上重畫時看起來仍然相同的原因。每一次完成的筆觸動作會連同它的顏色、介於 1 到 40 像素之間的標準化筆觸粗細,以及完整的點序列一起儲存,所以 Undo 可以重播或移除線條,卻不會遺失較早的內容。
這也是這個工具能保持快速的原因。少了上傳步驟,而且每一筆線條都不需要伺服器往返,即使是佈滿數百個標記的密集畫布也能即時重畫,而整段歷史只存放在一個小型的記憶體內線條清單中。這種設計在隱私方面非常直接:畫布不會被上傳、同步或存到任何帳號。這讓它適合用於臨時的腦力激盪、快速的視覺回答,以及不需要保存在雲端資料夾的一次性草圖。
在開始繪圖前設定你的畫筆與筆刷
因為每一筆新線條都會使用當下所選的顏色與粗細,所以要養成的第一個習慣,就是在開始移動指標之前先選好畫筆。筆刷粗細挑選器的範圍從 1 到 40 像素。1 到 3 像素的粗細適合細標籤、箭頭和刻度線;8 到 15 像素適合一般草圖與連接形狀;20 到 40 像素則更適合用於粗體強調、陰影以及大面積的填滿標記。在開始繪製一個區域前先選好合適的大小,就能避免在某個標籤畫得太細或太粗時還得重畫形狀。
顏色的選擇同樣是「先選再畫」。一旦選了新顏色,從那一刻起的每一筆線條都會使用它,直到你再次更換,所以在草圖中途更換色調是可以的,但建議在繪圖的自然中斷處進行,而不是在同一形狀的線條之間換色。
單次點擊也會產生可見的點,而不是消失不見,這在你想要標示起點、放上一個標點符號、或為標籤中的「i」加點時很重要。如果你發現自己不斷重複點擊來讓點變粗,切換到更粗的筆刷大小通常比重複點擊來得快。
繪圖、復原與清除你的線條
- 從畫布上方的控制項中,為下一筆線條選擇一種筆的顏色和筆刷大小。
- 用滑鼠、觸控板、觸控筆或手指在白色畫布上繪圖;放開即可完成該筆線條。
- 如果某條線偏離方向或標籤需要重來,點擊 Undo 即可移除最近的一筆線條。
- 當你想要從空白畫布重新開始時,點擊 Clear 就能一次清掉所有線條。
- 選擇 Download PNG 在你離開頁面前存下一份 1000 乘 600 像素的目前畫布複本。
在繪圖過程中有幾個細節值得記住。Undo 只會移除最近完成的那一筆線條,所以當你修正某個標記時,較早的內容仍然完整保留。Clear 是全域性的,可以在一步內清空畫布。因為每一筆線條都以點序列連同顏色和粗細一起儲存,所以在復原後重畫時,剩下的線條會在白色背景上重播,不會產生可見的破綻或空隙。
一個常見的誤用是把 Undo 當成「往前退好幾筆」的按鈕。它只能移除最近的一筆,所以要復原三個標記時,你得點擊 Undo 三次。如果你已經在某個較早的標記上重畫,卻想找回舊的版本,唯一可靠的來源就是先前下載的 PNG。
把你的草圖匯出為 1000 乘 600 的 PNG
當你點擊 Download PNG 時,工具會把目前的線條歷史攤平到一張白色的 1000 乘 600 像素影像上,並存到你的裝置。這個固定大小在每個瀏覽器、每台裝置上都一樣,所以從手機存下的 PNG 與從桌機存下的 PNG 解析度完全相同。白色背景是內建於匯出結果中的,這代表檔案可以直接放進簡報、聊天訊息、列印講義或 PDF,不需要再另外補上背景。
把下載視為一個檢查點。因為繪圖內容不會被上傳或同步,草圖唯一持久存在的複本就是裝置上的 PNG。在進行重大重畫之前(例如重畫半張圖表前)存下一個檢查點,是保留可還原歷史的最簡單方式,因為分頁內的復原堆疊是唯一的其他選項,而且它在重新整理後就會消失。
這裡沒有雲端還原、沒有協作歷史,重新整理後也不會有自動草稿,所以任何重要的作業階段,在你離開或關閉頁面前都需要先下載一份 PNG。這是刻意的設計:把所有東西都保留在當下的分頁中,正是這個工具能快速開啟並保持穩定的原因。
Online Whiteboard 適合的情境(以及大型 App 更適合的情境)
這個工具刻意聚焦在自由手繪標記,而這份專注正是它快速的原因。它適合用在需要快速擷取視覺內容的單人情境:白板面試的解答、單一螢幕的程序圖、課堂上的數學解題範例、在真正設計工具開啟前的 UI 草圖,或用畫的而不是用打的簡短筆記清單。它同樣適合作為私人的暫存區,因為沒有東西會離開分頁,也不會出現在任何帳號紀錄中。如果你從事教學或主持線上課程,把這類畫布搭配視訊通話使用,是一種在不讓學生登入新平台的情況下快速進行 以白板為基礎的課程教學 的方法。
當工作內容需要存在超過單一分頁的生命週期、當不只一人需要同時編輯同一塊白板、當形狀需要保持對齊並可被選取為物件、或當圖表需要文字欄位、圖層或版本歷史時,它就不是合適的工具。在這些情況下,切換到一套完整的設計或協作應用程式,付出額外的設定時間是值得的。
| 情境 | Online Whiteboard | 完整協作應用程式 |
|---|---|---|
| 快速的單人自由手繪草圖 | 為此而生 | 殺雞用牛刀 |
| 以固定解析度匯出 PNG | 可以(1000 乘 600) | 不一定 |
| 多人即時共同編輯 | 不支援 | 為此而生 |
| 向量物件、圖層、對齊格線 | 不支援 | 為此而生 |
| 雲端歷史與自動草稿 | 不支援 | 為此而生 |
| 隱私:不會有任何東西離開當下分頁 | 是 | 很少 |
與畫布相容的輸入方式
畫布接受瀏覽器所能辨識的任何指標式輸入,所以同一套工作流程可以在桌機、筆電、平板和手機上執行。下表根據工具擷取線條點的方式以及各裝置產生這些點的方式,整理出每種輸入最適合用於什麼。
| 輸入方式 | 最適合 | 注意事項 |
|---|---|---|
| 滑鼠 | 一般草圖、簡單圖表、精確點擊 | 精細標籤需要穩定的手部控制 |
| 觸控板 | 在筆電上快速筆記、不需額外硬體 | 在小型文字與緊密箭頭上較不精確 |
| 觸控筆 | 手寫、數學、詳細標籤 | 最接近紙筆手感;不會使用壓感 |
| 觸控 | 行動裝置與平板上的草圖、課堂走動教學 | 單次點擊會產生可見的點,而不是消失 |
壓感並不在這套輸入模型中。無論觸控筆按壓多大力,線條都會維持繪圖開始前所選定的筆刷粗細。如果你想要在關鍵標籤上畫出更粗的線條,請先切換筆刷大小再重畫那一筆。
讓自由手繪草圖更乾淨的訣竅
- 在每個區域開始時先選定筆刷大小並維持一致,這樣視覺重量才會保持統一。
- 先用粗略的筆觸勾勒出大致形狀,再回頭用較細的筆刷加上標籤。
- 一發現線條走偏就立刻使用 Undo,因為每一筆線條都是獨立的,移除起來很簡單。
- 在任何重大重畫前先存一份 PNG 檢查點,因為這裡沒有自動草稿或版本歷史。
- 在線條開始處穩定地握住指標,讓第一個點精準落在你想要的位置。
- 把筆刷粗細挑選器視為一個小色盤,而不是精準旋鈕:精確的像素值沒有它所屬的視覺類別來得重要。
延伸閱讀:在 Google Meet 中使用線上白板。