Gemini的視覺版面配置:回覆資訊以視覺化的方式呈現

更新 發佈閱讀 4 分鐘

Gemini 中的「視覺版面配置 (Visual Layout)」是一項實驗性的 Labs 功能(目前主要搭載於 Gemini 3 系列模型),旨在打破傳統 AI 機器人「純文字」的對話框架。

這項功能的核心理念是 「生成式介面 (Generative UI)」:根據你的問題,AI 不再只會寫一長串文字,而是像一名專業排版編輯,直接幫你設計出一套最適合閱讀、美觀且具備互動性的「視覺化資訊頁面」。

核心功能與特點

  1. 雜誌化排版設計 Gemini 會將回答內容轉化為層次分明的區塊。原本生硬的條列式清單,會變成帶有標題、重點摘要與大圖的沉浸式卡片,視覺感受就像在閱讀線上雜誌。
  2. 互動式多媒體模組
    • 分頁與分欄: 資訊會按主題被整理到不同的分頁(Tabs)或網格(Grids)中,點擊即可切換。
    • 地圖與影片: 會直接嵌入 YouTube 影片或相關地圖資訊,讓你不必跳轉視窗就能獲取完整資訊。
    • 比較表格: 在進行產品比較或方案選擇時,會生成一目了然的視覺對照表。
  3. 引用現有網路資源 與「動態檢視」不同,「視覺版面配置」主要是從 Google 核准的網路來源調用現有的精美圖片與媒體,確保資訊的真實性與視覺質感,且這些圖片不會計入你的圖像生成配額。

實際應用場景

旅遊規劃:生成包含每日行程圖卡、景點地圖、預算圓餅圖的互動式指南。
產品比較:將規格、優缺點、價格區間排成視覺化橫向對照表。
教學與學習:把複雜的概念(如:量子物理、歷史事件)轉化為時間軸或結構化圖表。
美食推薦:展示餐廳照片、菜單精選與評價模組。

實例應用與比較

如果以圖像生成模式使用提示詞:
將主題:規劃並執行一項改善校園的小行動,產生高中生18週自主學習計畫實例,並將內容製作成詳細的資訊圖表,文字使用繁體中文。使用符合文意的視覺化設計,3:2版面。 

其繪出的資訊圖表(例如下圖),當然你可以重新繪製得到新的資訊圖表。

raw-image

如果改選:視覺版面配置,再使用相同指令。

raw-image

得到像以下的結果:

raw-image

結果看起來是個網頁的內容,並且充份展現圖文。向下滑動可以看到其內容也是可以動態選取。

raw-image

點選圖片時,可以展開和收合圖片。

raw-image

有些內容還可以點選後展開,在點選後才會重新處理內容。

raw-image

當我點選了:服務學習,Gemini 開始產生新的內容:

raw-image

你可以不斷的展開得到新的內容:

raw-image

Gemini 產生的每一部分都可以分新給他人,但是無法點選可以展開的部分。

raw-image

我如果修改提示詞:
將主題:社會情緒能力在學習中的重要性,產生高中生18週自主學習計畫實例,並將內容以雜誌形式呈現,文字使用繁體中文。使用符合文意的視覺化設計。

很多部分都可以點選後,再展開成新的內容。(以下的四個區塊點選後可以展開得到新的回覆內容)

raw-image

內容除了有文字、圖片之外,也可以呈現 YouTube 影片,而資訊呈現的內容更是可以不斷的點選展開。

raw-image

內容有些也有互動的功能,再操作和輸入後,可以進行提交,以得到新的結果。

raw-image

也就是說這些內容,是可以動態的變動內容,而非固定的內容,藉由 AI 提供的內容,可以不斷的加深、加廣的擴張呈現的內容。

raw-image

行程規劃

如果輸入:日本名古屋自由行規劃。

raw-image

設定想要的內容進行提交

raw-image

最終得到結果可以拿來分享。

raw-image

另一個實例:製作關於視覺化簡報設計的資訊圖表。

raw-image

設計過程,仍可針對內容不斷的修改。

raw-image
raw-image
raw-image
raw-image
raw-image


留言
avatar-img
學不完.教不停.用不盡
5會員
47內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
2025/12/31
明天,我們即將迎來全新的 2026 年。回顧即將結束的這一年,幾乎整個心力都投入在 AI 應用的探索與實踐之中。教書多年,原以為教學模式已經相對固定,沒想到這一波 AI 浪潮,反而為教育現場帶來了新的可能與希望,讓教學變得更有趣,也更有彈性與創意。
Thumbnail
2025/12/31
明天,我們即將迎來全新的 2026 年。回顧即將結束的這一年,幾乎整個心力都投入在 AI 應用的探索與實踐之中。教書多年,原以為教學模式已經相對固定,沒想到這一波 AI 浪潮,反而為教育現場帶來了新的可能與希望,讓教學變得更有趣,也更有彈性與創意。
Thumbnail
2025/12/30
在 AI 浪潮席捲教育現場,自主學習已不再只是學生的課題,教師同樣必須持續學習與更新。面對快速變動的知識與科技環境,「學會如何學」成為未來最關鍵的核心能力,而自主學習正是實踐終身學習不可或缺的基礎素養。在自主學習的歷程中聚焦以下核心精神: 👍問題比答案重要  👍過程比結果重要 👍未來比現在重要
Thumbnail
2025/12/30
在 AI 浪潮席捲教育現場,自主學習已不再只是學生的課題,教師同樣必須持續學習與更新。面對快速變動的知識與科技環境,「學會如何學」成為未來最關鍵的核心能力,而自主學習正是實踐終身學習不可或缺的基礎素養。在自主學習的歷程中聚焦以下核心精神: 👍問題比答案重要  👍過程比結果重要 👍未來比現在重要
Thumbnail
2025/12/29
以前可以用「以圖搜圖」的方式讓 Google 統整資訊看看有沒有相似的圖,從而獲取相關的資訊。 現在有了 AI 協助,可以圖搜地圖囉!
Thumbnail
2025/12/29
以前可以用「以圖搜圖」的方式讓 Google 統整資訊看看有沒有相似的圖,從而獲取相關的資訊。 現在有了 AI 協助,可以圖搜地圖囉!
Thumbnail
看更多
你可能也想看
Thumbnail
【AI 實戰篇】在上一篇【心法篇】中,提到《人人都能上手的資訊圖表設計術》這本書的核心觀念:邏輯大於設計。但對於許多像我一樣沒有設計背景的人來說,心法懂了,「手」跟不上怎麼辦? 這時候,Google 的 AI 助理 Gemini 就是最強的「設計實習生」。
Thumbnail
【AI 實戰篇】在上一篇【心法篇】中,提到《人人都能上手的資訊圖表設計術》這本書的核心觀念:邏輯大於設計。但對於許多像我一樣沒有設計背景的人來說,心法懂了,「手」跟不上怎麼辦? 這時候,Google 的 AI 助理 Gemini 就是最強的「設計實習生」。
Thumbnail
https://www.youtube.com/watch?v=blB_WiaW7CM 大家最近或多或少肯定都聽說或刷到 Google 新一波的炸裂升級了吧! 🍌 這種一整套的超強大AI工具包,直接讓原本打下"AI紀元年"江山的 ChatGPT 被逼急到祭出了 "半價優惠"的方案來挽留那
Thumbnail
https://www.youtube.com/watch?v=blB_WiaW7CM 大家最近或多或少肯定都聽說或刷到 Google 新一波的炸裂升級了吧! 🍌 這種一整套的超強大AI工具包,直接讓原本打下"AI紀元年"江山的 ChatGPT 被逼急到祭出了 "半價優惠"的方案來挽留那
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
你是否也有這種感受?滑著手機,每天看到一堆名詞 ~ 生成式 AI、Gemini、Grok、ChatGPT、NotebookLM…,覺得這世界轉得太快,深怕自己被拋在後頭? 隨著年紀增長,我們常不由自主地落入「記性變差」、「反應變慢」的壓力。但最新的腦科學告訴我們:大腦不是因為變老而僵化,而是..
Thumbnail
我自己經常看到某些 YouTube 影片的內容很吸引我,但是看到那十幾二十分鐘起跳的長度就望而卻步。更何況如果想看很多影片的話咧?實在沒辦法花時間全部看完 (懶)。其實我們真正需要的可能就影片中的那幾個重點,AI 可以幫大忙,把影片內容濃縮成一張清楚的資訊圖,一目了然。
Thumbnail
我自己經常看到某些 YouTube 影片的內容很吸引我,但是看到那十幾二十分鐘起跳的長度就望而卻步。更何況如果想看很多影片的話咧?實在沒辦法花時間全部看完 (懶)。其實我們真正需要的可能就影片中的那幾個重點,AI 可以幫大忙,把影片內容濃縮成一張清楚的資訊圖,一目了然。
Thumbnail
自從領域展開 Gemini 3 以來,Google 的攻勢宛如咒力暴走後的連續式神召喚,一波接著一波。還沒看清 Nano Banana Pro 的身影,連一刻都沒有為其他家 AI 哀悼,立刻趕到戰場的是 NotebookLM,以兩項新術式「資訊圖表」與「簡報」無情補刀。 馬上來實測。 我把
Thumbnail
自從領域展開 Gemini 3 以來,Google 的攻勢宛如咒力暴走後的連續式神召喚,一波接著一波。還沒看清 Nano Banana Pro 的身影,連一刻都沒有為其他家 AI 哀悼,立刻趕到戰場的是 NotebookLM,以兩項新術式「資訊圖表」與「簡報」無情補刀。 馬上來實測。 我把
Thumbnail
昨天才剛介紹 Google 發表了 Gemini 3,號稱目前最聰明的模型。馬上緊接著 AI 圖像模型 Nano Banana Pro 也跟著推出,這是建立在 Gemini 3 Pro 基礎上的最新影像模型。 🔗 延伸閱讀: Google 最聰明模型 Gemini 3 發布:一不小心就寫了個 3
Thumbnail
昨天才剛介紹 Google 發表了 Gemini 3,號稱目前最聰明的模型。馬上緊接著 AI 圖像模型 Nano Banana Pro 也跟著推出,這是建立在 Gemini 3 Pro 基礎上的最新影像模型。 🔗 延伸閱讀: Google 最聰明模型 Gemini 3 發布:一不小心就寫了個 3
Thumbnail
NotebookLM 大更新!現在可以直接產生資訊圖表與簡報,完整支援繁體中文、錯字率超低。這次升級靠 Nanobanana Pro:文字更清晰、風格更順、一次生成六張高品質圖像。等於正式踏入「超高速圖解時代」,做圖更快、教學與創作流程全面加速。人人都能視覺表達,這將成為 AI 時代的必備能力。
Thumbnail
NotebookLM 大更新!現在可以直接產生資訊圖表與簡報,完整支援繁體中文、錯字率超低。這次升級靠 Nanobanana Pro:文字更清晰、風格更順、一次生成六張高品質圖像。等於正式踏入「超高速圖解時代」,做圖更快、教學與創作流程全面加速。人人都能視覺表達,這將成為 AI 時代的必備能力。
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
Thumbnail
揭密 Google Gemini 的視覺智慧:一篇搞懂如何運用 AI 處理圖片! 你是否曾對 AI 處理圖片的能力感到驚奇?想像一下,當你上傳一張照片,AI 不僅能辨識出其中的物體,還能根據你的指令進行修改、生成,甚至是總結文件內容。這一切,正是 Google Gemini 的強大之處。 本文將
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News