搜尋

Gemini 使用畫布功能 ( Gemini Canvas )

Gemini 的畫布功能提供了一個視覺化的協作環境,擺脫線性筆記的限制,以更自由的方式組織想法,Gemini 的畫布不僅能在上面揮灑創意,更能與 Gemini 深度互動共同探索概念,這篇教學會介紹 Gemini 的畫布功能 ( Gemini Canvas ),以及運用 Gemini 畫布所實現的一些簡單範例。

延伸閱讀:開始使用 GeminiGemini 客製化機器人Gemini 串接 Google 相關服務

快速導覽:

Gemini 使用畫布功能 ( Gemini Canvas )

認識 Gemini 畫布 (Gemini Canvas)

Gemini 畫布是 Gemini 內建的一項強大功能,提供了一個無限延伸的數位空間,可以將其想像成一張巨大的數位畫布,使用者能自由地添加和排列各種內容元素,不論是放置文字、圖片、手繪塗鴉、連結,甚至是 Gemini 生成的內容都可以。畫布的核心理念是自由的探索和視覺化的思考,打破傳統文件或筆記本的線性結構,能夠以非線性的方式組織資訊,建立不同想法之間的關聯

目前許多 AI 工具 ( ChatGPT、Poe AI 等 ) 也都有提供畫布工具,功能也都類似,可以用同樣的做法自行測試。

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

使用畫布時,除了可以直接透過對話要求 Gemini 使用畫布呈現結果 ( 例如「使用畫布呈現...」或「呈現網頁結果...」),也可以直接點擊 Gemini 輸入欄位的「Canvas」,當 Canvas 變成「藍色」文字,就表示要用畫布呈現描述的內容

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

下方範例使用 Gemini 展示一個簡單網頁,網頁內容是九九乘法表表格。

Gemini 使用畫布功能 ( Gemini Canvas ) - 認識 Gemini 畫布 (Gemini Canvas)

Gemini 畫布特色和功能

Gemini 畫布有下列幾點特色:

  • AI 協同探索與創造:直接與 Gemini 互動,獲取靈感、資訊,並由 AI 生成多樣化內容。
  • 多模態內容整合:畫布支援文字、圖片等多種媒介,根據需求生成圖像,豐富視覺表達。
  • 情境感知智慧輔助:理解上下文,針對畫布內容提供精準且個人化的建議與協助。
  • 便捷的資訊整合:快速整合 Google 搜尋結果,拓展知識視野,並將外部資訊融入創作流程。
  • 未來協作潛力:預計將支援更完善的多人即時協作功能,提升團隊效率。

Gemini 畫布有許多很特別的功能,下方列出核心功能:

  • 自然語言互動:與 Gemini 進行流暢的對話。
  • 圖像生成與編輯:根據描述生成和調整圖像。
  • 文字處理增強:潤飾、翻譯、摘要和擴展文字。
  • 資訊檢索整合:快速搜尋並融入相關資訊。
  • 視覺化組織:使用工具連接和排列內容。

Gemini 畫布不支援功能 ( 持續發展中 ):

  • 複雜程式碼的直接執行與預覽。
  • 高度互動的第三方內容嵌入。
  • 本機環境檔案系統的直接存取。
  • 完全離線使用。
  • 精細的排版和樣式控制。
  • 特定硬體功能的直接存取。
  • 複雜資料視覺化工具。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布特色和功能

關於 Gemini 畫布的分享功能

透過 Gemini 畫布產生預覽網頁後,點擊網頁上方的「分享」按鈕,點擊「建立連結」之後,就可以產生一段預覽網址,並將這段預覽網址分享給別人。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

分享後,網址預設就是「公開連結」,該連結預設會保留「六個月」,任何內容更動都不會影響這個頁面,如果要取消分享,必須透過「設定 > 你的公開連結」進行刪除該連結的動作。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

進入「你的公開連結」之後,可以一次性刪除所有連結,或單獨刪除某個連結。

Gemini 使用畫布功能 ( Gemini Canvas ) - 關於 Gemini 畫布的分享功能

Gemini 畫布範例:世界時鐘網頁

這個範例會和 Gemini 不斷對話,透過 Gemini 快速做出一個「世界時鐘」的網頁,在網頁上呈現多國目前的時間,第一個步驟先讓 Gemini 根據下列提示詞,做出一個呈現六個地點時間的簡單網頁。

請做一個「世界時鐘」的網頁,呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

一個簡單的網頁通常都會比較單調,透過添加其他指令,就能讓 Gemini 協助美化版面,下方是美化指令的寫法:

請做一個「世界時鐘」的網頁,呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間,並按照下方說明設計版面:
- 使用 AM 和 PM
- 名稱使用中英文
- 使用 emoji 的方式,加入各國的國旗
- 六個區域的配的都不同,標題和內容為同色系但不同色
- 配色可參考 bootstrap 相關配色
- 扁平化設計,不需要陰影,強調邊框等線條

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

如果還是無法產生滿意的版面,也可提供 Gemini 相關圖片輔助,使其更了解需求,下方範例提供了一張圓餅圖的參考圖,搭配一些提示詞,就能產生漂亮的世界時鐘。

注意,同樣的範例提示詞會產生類似但不同的結果,需要再額外自行調整。

請將時鐘的呈現方式,改成圓形的方式呈現

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:世界時鐘網頁

Gemini 畫布範例:新聞數據轉圖表

運用 Gemini 的畫布功能,可以將原本枯燥乏味的純文字新聞數據,轉換成可視化的圖表,如此一來也更能方便閱讀,下方範例使用內政部的最新消息內容,透過 Gemini 產生具有圖表說明的網頁。

參考這個網站,使用網頁並用兩個圓餅圖,分別呈現「居留縣市別」中的「移工」和「外籍配偶」當中各都市人數分布的比例,網站:https://www.moi.gov.tw/News_Content.aspx?n=2905&s=327319

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:新聞數據轉圖表

如果要轉換圖表,只需要輸入「請用同一個長條圖的方式呈現數據」就能將其轉換成長條圖。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:新聞數據轉圖表

Gemini 畫布範例:短篇小說共同編輯

除了進行編輯和設計網頁,也可以運用 Gemini 畫布的「互動」功能,和 Gemini「雙向協作」文章,不需要一直透過提示詞一來一往的對話,下方例子會先透過提示詞,請 Gemini 邊排出一個短篇笑話的大綱。

規劃一個短篇笑話的大綱,笑話主題是:踩到大便

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

當 Gemini 在畫布中產生內容之後,除了可以透過左側的聊天欄位和 Gemini 互動,也可以自行手動修改右側畫布裡的內容,下方範例在畫布中,手動修改了一些內容,改成「突然看見喜歡的女生迎面走來,主角尷尬的不知如何是好。」。

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

自行修改內容之後,可以再次透過「聊天」的方式,請 Gemini 根據修改後的內容,重新調整指定段落的文字,如此一來一往,就如同和另外一個人共同編輯文字,實現雙向協作的功能。

我已經修改了故事高潮的部分,請幫我修改後續內容

Gemini 使用畫布功能 ( Gemini Canvas ) - Gemini 畫布範例:短篇小說共同編輯

小結

Gemini 畫布是一個創新的數位空間,與 Gemini 即時互動,可以獲得靈感、生成多樣內容,並整合文字、圖片等多種媒介,相信 Gemini 的畫布未來將支援更完善的協作功能,成為探索想法、進行創作的強大 AI 夥伴。

延伸閱讀:開始使用 GeminiGemini 客製化機器人Gemini 串接 Google 相關服務

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

生成式 AI 教學

基本介紹

關於生成式 AI 關於 AI 繪圖 AI 繪圖的提示技巧 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 ) 2025 生成式 AI 工具推薦

2025 AI 工具彙整

音樂 - SUNO 創作音樂 音樂 - 免費 AI 音樂素材 圖片 - AI 圖片快速去背 圖片 - AI 黑白照片上色 圖片 - Dreamina 生成圖片 聲音 - AI 影片語音轉字幕 影片 - Pika 生成創意影片 影片 - KlingAI 生成影片 影片 - AI 影片趣味特效 影片 - AI 擁抱 ( AI Hug ) 影片 - AI 老照片動起來 ChatGPT - 圖片提示詞技巧 ChatGPT - 客製化機器人 ChatGPT - 使用畫布功能 Gemini - 開始使用 Gemini - 客製化機器人 Gemini - 串接 Google 服務 Gemini - 使用畫布功能 NotebookLM - 開始使用 NotebookLM - 建構知識庫

ChatGPT

ChatGPT 教學導讀 認識 ChatGPT 開始使用 ChatGPT 優良的提示技巧 基本提示 實用組合提示 角色扮演&對話主題 閱讀並模仿風格 對話中顯示圖片 創作長篇故事與小說 使用 Bing Chat 相關工具或服務

Poe ( Poe AI )

開始使用 Poe 聊天機器人 生成圖片機器人 建立自己的機器人 Youtube 影片重點整理 PDF 重點整理 GPT-4o-mini 分析圖片 讀取網頁進行重點整理 讓 AI 美化提示詞

Ideogram

開始使用 Ideogram 文字產生圖片 圖片 Retry 與 Remix

dzine

開始使用 dzine 提示詞產生圖片 圖片產生圖片 運用圖層功能 運用文字和畫筆 ( 範例 ) 室內設計透視圖實體化 ( 範例 ) 名畫轉真人照片 ( 範例 ) 真人照片轉卡通 ( 範例 ) 真人卡通貼圖

Image Creator

開始使用 Image Creator 提示原則與技巧 搭配 Bing Copilot 產生圖片 ( 範例 ) 產生分享文章縮圖 ( 範例 ) 漫畫書風格

Leonardo.Ai

Leonardo.Ai 教學導讀 Leonardo.Ai vs Midjourney 認識 Leonardo.Ai 註冊與登入 Leonardo.Ai 使用圖片產生器 文字提示語法和準則 Elements 風格元素 使用圖片產生圖片 AI 圖片編輯器 ( Canvas Editor ) 即時 AI 畫布 ( Realtime Canvas ) 即時圖片產生器 ( Realtime Gen ) 圖片升級器 ( Universal Upscaler ) 產生圖片的後續步驟 Prompt Magic 魔法提示 PhotoReal&Alchemy 特色模型 訓練自己的模型 ( 範例 ) 填補缺少的披薩 ( 範例 ) 組合兩片披薩 ( 範例 ) 虛擬陳雷 ( 範例 ) 修改人物年齡 ( 範例 ) 換臉特效 ( 範例 ) 隱藏的人臉或文字 ( 範例 ) 全部填滿皮卡丘 ( 範例 ) 名畫轉真人照片

Recraft

開始使用 Recraft 點陣圖 Raster image 向量圖 Vector image 圖示 Icon 與 Logo 系列影像 Image Set 原型示意圖 Mockup 畫框 Frame、文字 Text 放大 Upscale、改色 Recolor 圖片去背、替換圖片背景 添加、修改、移除景物 圖片產生圖片 點陣圖轉向量圖 自定義圖片風格 合併不同圖片 ( 範例 ) 名畫轉真人照片 ( 範例 ) 照片轉卡通插畫 ( 範例 ) 自製表情貼圖 ( 範例 ) 多格漫畫風格 ( 範例 ) 圖片中加入文字 ( 範例 ) 延伸圖片範圍

Midjourney

Midjourney 教學導讀 認識 Midjourney 使用 Midjourney 使用 niji.journey 設定指令 功能參數 使用文字提示產生圖片 使用圖片產生圖片 優良的提示技巧 多重提示的權重與順序 style tuner 樣式調校 remix 放大、修改與重繪 blend 混合多張圖片 刪除圖片&傳送資訊 ( 範例 ) 修改人物年齡 ( 範例 ) 阿爾欽博托風格 ( 範例 ) 照片轉卡通人物 ( 範例 ) 變胖、變瘦

Vidnoz AI

開始使用 Vidnoz AI ( 影片 ) 照片講話 ( 圖片 ) 人物換臉 ( 圖片 ) 圖片去背

Canva AI 魔法功能

魔法媒體工具 ( 新視窗 ) 魔法工作室 ( 新視窗 ) 魔法變形工具 ( 新視窗 ) 魔法文案工具 ( 新視窗 )

Clipdrop

開始使用 Clipdrop 修改圖片選取區域 延展圖片並生成內容 人物換臉 圖片去背 移除特定物件 放大與增強影像 影像打光 替換天空

Playground AI

開始使用 Playground AI Board 文字產生圖片 Canvas 繪製與修改圖片 Remix 與 Edit 圖片 延展和放大增強圖片 圖片去背、移除物件 搭配 Poe AI 產生圖片

Replicate 模型

認識 Replicate ( 修圖 ) 黑白照片上色 ( 修圖 ) 修復老照片 ( 修圖 ) 增強與放大照片 ( 修圖 ) 更換髮型和表情 ( 繪圖 ) 似顏繪貼圖 ( 繪圖 ) 真人照片轉公仔 ( 繪圖 ) 隱藏的圖案或文字 ( 提示 ) 圖片轉提示詞 ( 提示 ) 改善提示詞

AI 繪圖效果&範例

著色本效果 2D 卡通人物 物品開箱照 像素藝術 百科全書風格 卡通貼紙

AI 繪圖風格大全

風格大全 ( 總覽 ) 風格大全 ( 攝影、照片 ) 風格大全 ( 畫面角度效果 ) 風格大全 ( 媒材、材質 ) 風格大全 ( 卡通、漫畫 ) 風格大全 ( 藝術流派風格 ) 風格大全 ( 藝術家、畫家 ) 風格大全 ( 插畫風格 1 ) 風格大全 ( 插畫風格 2 ) 風格大全 ( 特色風格 )