美感教科書第三季
教育設計解析
序 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