美感教科書第三季｜教育設計解析

美感教科書第三季

教育設計解析

序 OPENING 謝謝⼤家的⽀持，讓美感教科書能夠嘗試全新的設計，

第三季美感教科書計畫，發書規模更勝以往，共發出

持續地向⼤眾證明：教科書值得更好的品質。

9367本課本，觸及全台241所學校；我們在其中導⼊的 教育設計⽅法，便能透過教學現場師⽣的回饋獲得最直

在計畫初始，我們訪問了教科書出版社編輯，了解每⼀

接的驗證。

科的編輯理念與知識點架構、教師現場教學的流程與所 需。之後花了⾮常多時間討論、設定每⼀本美感教科書

透過這份教育設計解析，讓⼤家直接認識這五本美感教

要突破與達成的⽬標，每⼀本美感教科書並⾮只是表⾯

科書背後的教育設計理念與⽅法，更期待這些未來都能

變得「好看」⽽已，期待透過導⼊美感元素與教育設計

被應⽤於體制內的教科書，影響數⼗萬的孩⼦！

⽅法的課本，讓教師在教學現場更好教，同時提升學⽣ 的學習興趣。

⽬錄 CO NTE N T

⼩三 ⾃然

⼩五 綜合

國⼋ 數學

國⼋ 公⺠

國七 體育

P4-1 3

P14-23

P24- 33

P34-43

P44-53

國⼩三年級｜⾃然與⽣活科技 國⼩三年級第⼀次開始接觸⾃然課，對學⽣來說 是⼀個全新的科⽬。因此我們將封⾯打造成充滿 台灣原⽣種的植物叢林，引發學⽣的好奇⼼，跟 著封⾯的⼩男孩進⼊叢林展開⼀場探索旅程！

4

5

BEFORE

AFTER 科學 繪圖

空間 排版

讓植物呈現同⼀視⾓

透過科學繪圖，讓植物的細節與外型更明顯，解決攝影照⽚背景雜訊

創造流暢閱讀動線

⼲擾的問題，並讓植物呈現同⼀個視⾓，創造出閱讀動線，由左閱讀 到右，觀察並認知到不同尺度的植物。 6

BEFORE

AFTER 科學 繪圖

空間 排版

讓課本宛如⼀本

⽤全⿊背景凸顯細節，讓學⽣能沈浸在其中觀察，就像在閱讀⼀本

精美植物圖鑑

圖鑑⼀樣。同樣的植物部位使⽤同種⾊彩標⽰，閱讀時能直接對 應，完整認識植物的全貌到細節。 7

BEFORE

AFTER 空間 排版

讓學習從「觀察」開始

原本課本中，將不同顏⾊、氣味、⼤⼩的葉⼦直接做好了分類。我們

取代直接分類給解答

將這些分類打散，讓葉⼦們獨⽴排版成⼀⾴跨⾴，學⽣可以運⽤⾃⼰ 的觀察來分類這些葉⼦，下⼀⾴再接曉分類⽅式。 8

BEFORE

AFTER 互動

空間 排版

學⽣回饋：「這個葉⼦有紋 路，還貼⼼地做了收納設 計。超期待上到這⾴的。」

讓「⼀⽚葉⼦」

利⽤特殊加⼯設計，讓⼀⽚摸得到葉形、葉脈的葉⼦出現在課本中，

真的出現在課本裡

⽼師能在課堂上利⽤這個互動操作帶學⽣認識葉⼦的每個部位。在圖 例中使⽤不同顏⾊做標⽰，讓學⽣能直接對應認識葉⼦的各個部位。 9

BEFORE

AFTER 空間 排版

任務

排版更簡潔

透過排版規劃，同樣⽣⻑類型的植物放在同⼀⾴，⼀⾴只需要學習

讓版⾯有呼吸的空間

⼀種⽣⻑⽅式。搭配動⼿實作，學⽣在描繪葉⼦的過程，將葉⼦的 ⽣⻑⽅式更深刻的記憶在腦中。 10

運⽤特殊加⼯設計

互動

讓課本充滿互動與學習樂趣 特殊加⼯設計讓樹幹的紋理在課本中「摸得到」，藉 由這樣的感受，啟發學⽣在⽇常⽣活中去觀察並探索 ⾃然環境中的植物。

運⽤繪本中常⾒的翻⾴互動⽅式，讓⼟底下的根藉由 學⽣親⼿「翻開」的過程來⾒證與認識，引發好奇 ⼼，也更深刻記憶。

學⽣回饋：「覺得課本裡有好多『機關』等著 我發現！」 11

學⽣的使⽤⼼得 ‣ ⼀開始看到封⾯覺得很像童話書，好像可以去探險。 ‣ 葉⼦的這⼀⾴它寫摸⼀摸，我照著做，發現竟然有紋 路！我整個被嚇到。 ‣ 以前都分不清楚花的雄蕊和雌蕊，但這個課本把它獨 ⽴畫出來，我就可以知道它們⻑什麼樣⼦。

⽼師的使⽤⼼得 ‣ 植物的表現質感細膩，引發學⽣⽤五感探索的動機， 多元設計表現⽅式，吸引學⽣和教科書互動且愛惜。 ‣ 覺得這個課本的排版很乾淨、很舒服，不會有⼀些雜 七雜⼋的資訊⼲擾。

12

關於⾃然課本， 我們有哪裡可以做得更好？ ‣ 科學繪圖與實際攝影照⽚之間的搭配應⽤可以再做得 更好，若全部都以科學繪圖取代攝影照⽚，可能讓學 ⽣無法實際認識真實的植物樣貌。 ‣ 為了完整呈現科學繪圖的⾊澤質感，⾴⾯加⼯⽅式與 油墨使⽤讓課本容易反光。 ‣ 紙張不太好書寫，在完整呈現⾊彩與書寫使⽤之間， 應該更考量兩者之間的權衡。

13

國⼩五年級｜綜合活動 與⽣活息息相關的環保與防災的知識，都在這本綜 合活動中。我們將綜合課本打造成⼀個防災包，希 望透過各種實作練習，讓學⽣真正體驗並參與防災 的過程，真正學習並瞭解如何與環境和諧相處。

14

15

BEFORE

AFTER 資訊 圖解

⽼師回饋：「這⼀⾴的插畫幫 助學⽣進⼊情境，讓他們感受 ⾃⼰是解決問題的那個⼈，⽽ 不是旁觀者。」

運⽤跨⾴情境圖解

將原有課本繁複的樹狀圖，整合成⼀個情境式圖解，降低學⽣閱

引導學⽣思考與發現

讀負擔，可以透過全幅觀看情境，再往下看到每⼀個細節，認識 各式各樣的災害成因。 16

BEFORE

AFTER 圖表

資訊視覺化

在原有課本中，學⽣可能無法感受表格裡這些數字代表的意

讓訊息更直接被吸收

義。透過資訊視覺化，將表格中的數字化作柱狀圖，明顯看⾒ 到不同的碳排放量之間的差異，更直觀地理解與吸收。 17

BEFORE

AFTER 插畫

整合插畫情境

將不同種類的逃⽣應變，整合在同⼀個插畫情境當中，讓畫⾯

讓畫⾯更有⼀致性

更有⼀致性。同時也能讓學⽣認識到多元的插畫表現⼿法，不 同情境不⼀定要區分成數個完全不同的圖來表現。 18

BEFORE

AFTER 漫畫

學⽣回饋：「覺得這⼀⾴的 表現⽐較清楚，原本的有點 難看懂。」

漫畫情境式引導

將⽕災發⽣的步驟演練，化作⼀整幅的漫畫式情境，透過故事

創造完整情境帶⼊

性的分鏡畫⾯引導，讓學⽣彷彿進⼊⽕災真實發⽣的情境中， 並認識每⼀個逃⽣的步驟。 19

透過動⼿操作與實際演練

任務

將課本所學帶⼊⽇常⽣活 將⽣活中可能遇到的災害，搭配課本的知識，設計主 題性防災⼿冊。期待學⽣透過不同操作與練習，不再 只是當⼀個被動的旁觀者，⽽是實際在其中操作演練 的參與者。

⼿冊的裝幀設計是靈活彈性的，可以⾃由添加⾃⼰需 要的資訊，完成獨⼀無⼆的專屬的防災⼿冊。

20

配合課本知識

任務

依據⼿冊指⽰實際執⾏防災流程 ⼿冊第⼀⾴附上通⽤的防災避難包的檢核表，學⽣可 以⾃⼰判斷防災包需要準備哪些東西，並實際演練， 打造⾃⼰專屬的防災包。

搭配課⽂內容，學⽣可以與家⻑⼀同規劃繪製居家逃 ⽣地圖，也能透過學⽣帶領全家⼈⼀起討論，共同約 定好逃⽣的路線與須知，將防災觀念落實。

21

學⽣的使⽤⼼得 ‣ 覺得這個課本⽐原本的漂亮！內容⽤插畫來表達，圖 ⽚很有創意，覺得很有趣。 ‣ 這本課本的內容看起來⽐較清楚，⽂字不會密密⿇⿇ 的找不到答案。 ‣ 很多圖畫的表現⼿法引起我的好奇⼼，希望未來的課 本都可以⻑這樣！

⽼師的使⽤⼼得 ‣ 透過這本書可以讓學⽣體會，⼀拿到課本不是只看⽂ 字⽽已，⽽是去觀察更全貌的整體設計。 ‣ ⼀收到課本的那⼀天，學⽣就迫不及待的跟我說： 「⽼師！防災包課本好漂亮，可以趕快發下來嗎？」

22

關於綜合課本， 我們有哪裡可以做得更好？ ‣ 插畫⾵格對部分學⽣來說過於成熟與抽象，無法直接 理解其中要表達的含義。 ‣ 配⾊⾵格過於成熟，學⽣會覺得⾊彩不夠繽紛。 ‣ 外包裝袋與課本封⾯是⼀體的設計，但在實際使⽤上 課本可能不會再裝回外包裝裡，應該要考量到各式各 樣不同的使⽤情境。

23

國中⼋年級｜數學 數學對⼀般⼈來說是⽐較死板的，其實解數學題時 的感受，與玩遊戲的破關過程⾮常類似，結合兩者 的經驗，我們將數學課本打造成⼀本闖關遊戲書， 並讓三個台灣特有種成為貫穿整本書的重要⾓⾊。

24

25

完整故事包裝引發學習興趣 運⽤故事⾓⾊與學⽣建⽴情感連結 課本⼀翻開就可以看到故事包裝說明，就像翻開⼀本

主題 企劃

⾓⾊

遊戲冊⼀樣，引發學⽣的學習興趣。 此外，我們發現在課本當中，經常出現⼀些⼩⼈物與 ⾓⾊穿插其中，但這些⾓⾊通常跟學⽣沒什麼關聯， 因此希望透過「台灣特有種」這樣的設定，讓這三個 ⾓⾊從頭到尾貫穿其中，成為學⽣學習的好夥伴。

學⽣回饋：「我給這本課本 96.5 分，多這 6.5 分是因為⾓⾊太可愛了！」

26

⾊彩計畫幫助學⽣識別重點 透過⾊彩計劃，學⽣能在資訊繁多的版⾯中抓到重

⾊彩 計畫

點：橘⾊是主要的知識點、藍⾊是問題探索、綠⾊是 題⽬實作練習、粉紅⾊是重點整理。⽇後學⽣在⾃⾏

任務

閱讀時，也能掌握內容要點。

運⽤闖關遊戲引發學習動機 每⼀個章節設有五個例題，每⼀個例題都是⼀個破關 互動的機關，讓學⽣能夠應⽤所學的數學知識破關。

27

BEFORE

AFTER 空間 排版

運⽤版⾯規劃 解決訊息零散的問題

數學的內容涵蓋數字、中⽂、算式與符號，導致版⾯很容易零 碎，透過版⾯的重新規劃與設計，運⽤滿版⾊塊，讓物件不會看 起來是⼀個⼀個，⽽是具有整體性。 28

BEFORE

AFTER

運⽤⾊塊與排版 將資訊有效整合與對應

空間 排版

在原本的課本中，⽂字訊息與圖例沒有直接對 應，學⽣需要透過⾃⼰的理解，將⽂字與圖例配 對。因此我們將版⾯重新規劃與設計，並⽤線條 與⾊塊將訊息做區分，幫助學⽣直接對應內容。

學⽣回饋：「有些習題和內容混在⼀起，都不 知道要怎麼閱讀，這個版⾯整理得很整⿑！」

29

將答題的成就感 與遊戲闖關結合

任務

運⽤所學在APP上答題，答題成功後會 獲得⼀系列的摺序，全部闖關完成就能 破解所有的摺序。 課本最後附上了三隻⾓⾊的摺紙，學⽣ 可以利⽤破解的摺序來完成三隻⾓⾊， 也⽤來慶祝⾃⼰學習完了所有知識。 30

遊戲闖關APP「⿆斯密碼機」使⽤說明

下載APP，搭配課本章節，共有三個關卡，

看⾒課本中出現紅⾊驚嘆號就代表要解任

答題成功後，便會獲得摺紙的摺序，解完三

每⼀個關卡中有五個任務。

務了，⽤APP掃描即可作答破關。

個關卡，便能獲得三隻⾓⾊。

31

學⽣的使⽤⼼得 ‣ 這個課本的空間很多，其他課本有時候題⽬跟題⽬之 間都黏在⼀起，都不知道要在哪裡計算，紙張也⽐較 好寫。 ‣ 裡⾯充滿遊戲和任務，會讓我覺得⽐較想學數學。 ‣ 覺得⾊彩的使⽤讓版⾯資訊更清楚。

⽼師的使⽤⼼得 ‣ 「闖關」這件事引起學⽣很⼤的興趣，上課都沒這麼 認真，可是遊戲闖關卻超級認真。 ‣ 讓學⽣⽐較不會排斥數學，很喜歡故事引導的脈絡， 透過摺紙操作來驗證數學原理也⼗分有趣。

32

關於數學課本， 我們有哪裡可以做得更好？ ‣ 部分版⾯過於壅擠，學⽣反應沒有⾜夠的空間做計算 與寫筆記。 ‣ 各個學校的硬體設備完善程度不同，有些學校無法直 接帶學⽣體驗遊戲APP。 ‣ 遊戲APP介⾯中的題⽬字數過多，破關以後獲得的摺 序也過於繁複。

33

國中⼋年級｜公⺠與社會 結合臺灣吧⾓⾊⼈物的世界觀與公⺠科的知識內 容，打造成⼀本秘密檔案冊，學⽣可以⾃由運⽤外 層的檔案夾設計；課本本⾝使⽤雜誌⾵格的排版， 希望作為啟蒙學⽣公⺠意識的趣味讀物。

34

35

BEFORE

AFTER 資訊 圖解

空間 排版

⽼師回饋：「這⼀⾴的訊息整理 的很好，將知識完整解釋，也保 有原本閱讀素養的東西。」

運⽤資訊圖解

⽤資訊圖解表現⽂字內容，讓學⽣直接看圖理解內容含意（例：繪製

降低學⽣閱讀負擔

台灣的邦交國國旗，幫助理解抽象的「主權」概念）。也透過版⾯重 新規劃，分類整理讓訊息更清晰易懂。 36

BEFORE

AFTER 空間 排版

資訊分層處理

運⽤字級⼤⼩與樹狀圖來區分國家與政府的不同，加上線條指引，輔

讓學⽣輕鬆對應內容

佐不同深淺的底⾊⾊塊，將不同的訊息內容做區分，幫助學⽣輕鬆對 應課⽂內容與相關描述敘述。 37

BEFORE

AFTER 資訊 圖解

空間 排版

跨⾴圖表呈現

將原課⽂中僅有的⽂字敘述與圖例，統整成⼀個跨⾴圖表，讓每個

每個年齡的政治參與

年齡能夠參與政治的管道與程度⼀覽無遺。使⽤顏⾊深淺變化來引 導順序，讓閱讀動線⾃然⽽然從左到右。 38

BEFORE

AFTER 資訊 圖解

空間 排版

將資訊統整

運⽤指⽰性的引導線，將課⽂⽂字對應到相關的內容，⽤不同字重

協助學⽣對應相關內容

強調重點，讓知識點有效的整合。並將右⾴「公⺠投票流程」做成 ⼀個完整資訊圖解，讓內容訊息不會零碎找不到重點。 39

BEFORE

AFTER 空間 排版

⾊彩 計畫

版⾯重新規劃 將訊息內容整合

在原有課本中，選舉流程與投票流程是分開的內容，但其實「投票流 程」是「選舉流程」其中⼀個部分。因此將兩個知識點有效整合，並 運⽤不同的背景顏⾊來區分內容。 40

讓學⽣模擬投票流程 建⽴完整公⺠意識

互動

附上選票與選舉公報，搭配課⽂內容， 能透過這些附件實際體驗並參與投票流程。

41

學⽣的使⽤⼼得 ‣ 覺得內容整理的很清楚，幫助我抓到重點。 ‣ 雖然知道答案在課本裡都有寫，但是原本的課本資訊 太多根本就找不到在哪裡，這個整理的很清楚，讀起 來⽐較輕鬆。 ‣ 覺得很好看！裡⾯的漫畫很符合我們年輕⼈的 feel。

⽼師的使⽤⼼得 ‣ 之前在課堂上⽐較⽪的學⽣，在使⽤這本課本上課時 都變得⽐較專注，很願意閱讀這本課本，也能回答的 出學習單上⾯設計的問題。 ‣ 學⽣拿到都驚呼連連，⼀直說好可愛，整個課堂的氣 氛都變好了。

42

關於公⺠課本， 我們有哪裡可以做得更好？ ‣ 單⾊的內⾴設計對部分學⽣來說過於單調。 ‣ 外層檔案夾的邊⾓容易折損，學⽣不易保管。應考量 紙材的耐久性。

43

國中七年級｜體育 從熱⾎運動漫畫中學體育知識，相信是許多⼈的共 同回憶，我們將體育課本打造成⼀本熱⾎的體育漫 畫，運⽤漫畫本⾝的動態、熱⾎感，讓靜態的書本 與體育的動態感達成⼀個完美的結合。

44

45

主題 企劃

跟著熱⾎漫畫主⾓學體育

課本中的章節分別教學四種不同的球類運動，因應不同球 類，分別創作了四個漫畫主⾓，打開每⼀個章節⾴就像翻開 ⼀本漫畫單⾏本！ 46

BEFORE

AFTER 主題 企劃

視覺 ⾵格

環台發書訪談時，我們問學 ⽣最喜歡課本裡的哪⼀⾴， 在場五個學⽣有四個都翻開 了這⼀⾴。

貫穿整本的

原有課本中有插畫和照⽚互相穿插，我們將內容視覺⾵格統⼀，運⽤

統⼀漫畫視覺⾵格

符合主題企劃的漫畫視覺⾵格，翻開體育課本像看真正的漫畫⼀般。

47

BEFORE

AFTER 漫畫

運⽤漫畫分鏡

運⽤漫畫式分鏡，賦予原有課本中⽣硬的動作多元視⾓，畫⾯變得⾮

讓分解動作動起來

常動態且吸睛。解析的⽂字也變為漫畫中的對話框，希望引起學⽣興 趣，願意仔細閱讀其中的運動知識。 48

BEFORE

AFTER 插畫

運⽤情境插畫

在原有課本中，步驟性的敘述僅靠⽂字內容無法直接理解，將這些

讓步驟清晰易懂

步驟區分開來，化成⼀個⼀個的情境解說圖，讓學⽣能⾃⾏閱讀理 解，並實際去練習與體驗。 49

運⽤AR技術 讓體育課本動起來！

互動

運⽤AR（擴增實境）技術，讓這些動作可 以真的動起來，不是只停留在靜態的動作 分解⽽已，學⽣能跟著練習操作。

50

介紹運動傷害知識 讓學⽣認識⾃⼰⾝體

互動

運⽤AR（擴增實境）的技術，⽤動畫介紹 運動傷害的⼩知識，讓學⽣認識運動傷害的 成因與處置⽅式。在排球單元介紹「吃蘿 蔔」，在⾜球單元則是介紹「翻船」。 透過運動傷害與球類兩者知識的結合，讓學 ⽣除了學會技能之外，更能認識⾃⼰的⾝體 並保護⾃⼰。

51

學⽣的使⽤⼼得 ‣ 圖⽐較多，⽽且很⽣動。 ‣ 以前課本裡的插畫都很古板，這個漫畫⾵格我超愛的！ ‣ 滿分 100 分的話，我給這本 99.5 分。

⽼師的使⽤⼼得 ‣ 學⽣拿到的瞬間眼睛都亮了，不相信這個是課本。 ‣ 漫畫式的編排引起學習動機，AR 互動讓⼈如臨現場。

52

關於體育課本， 我們有哪裡可以做得更好？ ‣ 螢光綠的油墨太亮眼，容易造成視覺疲勞。 ‣ 在教學現場中，體育課本使⽤率⾮常低，不過其實體 育課本中有許多重要的知識，是學⽣需要學習與認識 的。期待未來能夠與相關領域專業⼈⼠合作，打造⼀ 本教學現場真的會使⽤到的體育課本。

53

結語 CO NCLUSI ON 除了教學現場師⽣所給予的回饋外，我們⼀直希望能將

在團隊多次討論後，選定了「⼩三⾃然」與「國⼋公

美感教科書的成果化作更科學性實驗結果，向⼤眾證明

⺠」這兩個科⽬的⾴⾯來做研究，也已經選定了國⼩及

這些教育設計⽅法是真的能引起學⽣興趣並幫助他們學

國中的受試者，預計在今年3⽉進⼊學校開始實驗，後

習的。

續的進度我們也會即時的公布給⼤家。

因此在募資計畫的第三個延伸⽬標：「眼動儀精準實 驗」解鎖後，我們與清⼤陳明蕾教授團隊開啟「美感教

美感細胞_教科書再造計劃 @aestheticell_textbook

科書設計與學⽣認知歷程」研究計畫，運⽤眼動儀追蹤 技術，了解學⽣在閱讀美感教科書時的閱讀順序、閱讀 時間⻑短與閱讀熱點，就能⽤最直接的數據化成果來檢 視美感教科書的成效。

contact@aestheticell.org