今天課堂上，我用 Claude 示範了「演化」和「起司種類」的視覺互動解釋。
一個有品味的學生馬上問：「這需要付錢才能做嗎？」另一個接著說：「這比 Gemini 對話還好用耶，感覺更有助於學習。」
這堂是 AI 學習精靈 的系列課程。
我們從一個生活情境出發
「回家發現忘記帶鑰匙，要怎麼用英文跟爸媽說？」
讓學生感受視覺化對於抽象英語時態文法的幫助。
接著，每個學生根據自己的自學計劃主題，循序漸進嘗試了三種 AI 視覺化學習方法（使用 Gemini）：
- 資訊圖卡 ： 搭配圖像生成模型
- SVG 圖解 ：搭配畫布（Canvas）功能。適合精準圖示，尤其是數理。
- 視覺互動解釋 ： 搭配畫布功能（或直接用 Claude 輸入「視覺互動解釋 ＋ 知識點」）
從靜態到互動，理解一層一層加深。
本來只是靜態的籃球戰術圖，現在可以直接「看見」三角戰術或擋拆的跑位；
本來是一頁靜態的人像繪圖指南，現在可以親手操控模特兒擺出自己想要的姿勢。
1. 資訊圖卡 ： 搭配圖像生成模型
你要做的事： 用 Gemini 把你選的主題畫成一張「資訊圖卡」。
預備：選一個你覺得最「抽象、最難搞懂」的主題——因為等一下你會親手把它變成好懂。
步驟教學
- 打開 Gemini（快捷模型即可），請他解釋這個概念（或自己提供）。例如
解釋過去式跟現在完成式的差別，情境：回家時發現我忘記帶鑰匙了，打電話給爸求救。要有例句
- 打開 Gemini 的
建立圖像功能。輸入類似這樣的 prompt：
「畫一張關於＿＿＿的資訊圖卡，用簡單的圖示和文字，讓國中生一看就懂。」 - 看看結果，如果不滿意，試試加上更多細節或特定風格，例如：
- 「請用皮卡丘呈現」
- 「請加上可愛的插圖」
- 「請用比喻來解釋」
2. SVG 圖解 ：搭配畫布（Canvas）功能。適合精準圖示，尤其是數理。
剛剛的圖卡是 AI 用「圖像」畫的，接下來我們試試用「程式碼畫圖」，不用怕，你只要會打字就行。看看同一個概念換一種方式呈現，感覺有什麼不同？
你要做的事： 用 Gemini「畫布」功能，把同一個主題用 SVG 圖重新呈現。
📋 步驟教學
- 在 Gemini 中打開
畫布（Canvas），輸入類似這樣的 prompt：
「請幫我畫一張 SVG 圖，用來解釋＿＿＿的概念。」
- Gemini 會在畫布中生成 SVG 圖，你可以：
- 請它調整顏色、大小、排列方式
- 請它加上箭頭、標籤、說明
- 請它換一種圖表類型
3. 視覺互動解釋 ： 搭配畫布功能（或直接用 Claude 輸入「視覺互動解釋 ＋ 知識點」）
你要做的事： 請 AI 用「圖解 ＋ 互動」的方式，幫你拆解這個主題。
在 Gemini 或 Claude 中輸入（可自由選擇是否開啟 Canvas）：
「請用視覺互動解釋＿＿＿。
或
請用視覺互動解釋＿＿＿，先用一個生活中的比喻開場，再搭配簡單的圖示與互動，一步步拆解給國中生聽。」
Claude 視覺解釋範例
明天上午的工作坊，我要陪伴青少年破除 AI 陷阱：
從依賴 AI，轉變為與 AI 共創。
今天的課堂案例，剛好是最好的應用素材。
希望有一天，愈來愈多孩子能找到屬於自己的、有效又好玩的學習方式
課程頁面入口
有興趣自學或參考的夥伴，我有設計一個課程頁面，參考看看囉
