資訊圖表（Infographic） 是結合文字、圖像、圖示與設計元素，用以傳達資訊、數據或知識的視覺化圖像。它的目的是讓複雜或大量的資訊變得簡單易懂、引人入勝，並能快速傳達核心重點。
📊 資訊圖表的優點：
😁 提升理解與記憶：圖像化的資料更容易被大腦理解與記住，相較於純文字，能更快抓住重點。
😁 吸引注意力：色彩與圖像能迅速吸引觀眾目光，有助於在社群媒體或簡報中脫穎而出。
😁 節省閱讀時間：將數據或流程視覺化，能快速傳達大量資訊，讓觀眾省去大量閱讀時間。
😁 提高分享率：吸睛的資訊圖表在網路與社群平台上更容易被轉發與分享，增加曝光機會。
😁 增強說服力：清楚、有條理地展示資料，能提升內容的專業度與說服效果。
😁 適用多種場景：可用於簡報、行銷、教育、新聞報導、社群貼文等多種應用場景。
教師如果能擴充課本裡的基本內容為資訊圖表，有助於提升學生的學習成效。例如本篇想要利用課本提供的程式語言流程圖符號，製作一張資訊圖表輔助課程使用（如下圖）。
現在的 AI 工具如此發達，應用一些不同的 AI 來取得資訊圖表的素材。教師要能積極運 AI 工具，才能提升效率和效能，對學校、教師和學生都會有助益。
以下就來試試如何完成。
參考做法：
1. 螢幕截圖課本 PDF 檔裡的畫面。
2. 利用 ChatGPT（https://chatgpt.com/）產生一段 C 語言程式碼。（使用 Gemini（https://gemini.google.com/）也可以）
提示詞：為了流程圖教學使用，為我產生一段 C 語言程式碼，能使用上數個常用的流程圖符號。
產出程式後，複製程式碼備用。
3. 利用螢幕截圖抓取程式碼的部分（為了保留程式碼中的色彩）。
4. 在 Gemini 中撰寫可以產生 Mermaid 語法的 AI 程式。
參考範例：https://gemini.google.com/share/0449d476394b
在網頁中貼上先前 ChatGPT 產生的程式碼，再產生 Mermaid 語法內容並下載。並複製內容備用。
5. 開啟連結：https://whimsical.com/ （Whimscal 網站），並開啟一個空白的 Board。
6. 貼上由 AI 產生的 Mermaid 語法內容，Whimscal 會立即產生流程圖。
7. 點選：Share，再點選：Export，再點選：Download，即可下載這個流程圖圖片。
8. 組合這些素材，即可完成一張資訊圖表。我是利用 PowerPoint 整合這些素材，並且將流程圖符號再加以上色。
留言列表