n‹pGtu7!0˙ r"5p\F~aH.z#N?RZ
教育設計研究報告
謝謝大家的支持！
此份為美感細胞的教育書籍製作經驗整理 na-y??c@-2f],(>
R¢Gh)?RZKp|ı>C2¥R?oxFŁ7!0˙RE
2018 - 2019 已發布：
《教育字體應用指南》
《紙材暨開本印製規格提議報告書》 2021 - 2022 進行中：
- 教材通用色彩設計報告書
教育設計研究報告
c@F•h)“>·n‹ 臺灣近 20 年的教育體制中，課程設計已相當完備，我們在思考，傳
統的教育若能導入更多設計邏輯與元素，將能大幅提升教育的品質。 這是個「視覺語言」的時代，學生的生活視野中充滿著網路資訊、電 影、圖像。美感細胞團隊致力於教育書籍的設計，希望能跟上未來世 代的學習的腳步。因此，多年來透過針對老師、學生、出版社等多方 的田野調查與合作實踐，我們將累積的經驗整理成教育設計方法，盼 能提供大家一套參考指標。
Xjm‚Ev0+o~aH.m‚k¿N.XR?K2lmfi=uxm‚=ł~.[XD-C.!7
期待這份《教育設計研究報告》能為教育工作者帶來正面的影響，推 動「教育設計」成為臺灣的世界座標。
教育設計研究報告
=ł~.[XD6=ł~njrr6 n=ł)-ce68+¸~aH.z?
n‹ +
「教育」即在情境中有計畫的教導學習者，並依照學習者的身心及行 為變化達成預定的教育目標。
「設計」則是利用視覺方法讓使用者能快速、清楚且正確的接收到所 要傳達的訊息。
將教育與設計結合，設計出以學習者為主體的教材。導入設計的教材 具有提升學習動機、學習效果、教學便利與多元美感經驗的功能。
R¥o0\k=w45‘ :
本書教育設計方法適用於各種教育類別書籍。
如：教科書、繪本、補充講義、桌遊卡牌等教材。
教育設計研究報告
na£RPEC n‹o0\
教育設計研究報告
Researchn‹r˘
1
教育調查
設計規劃
開始進行教育設計之前，要先進行調查，了解使用者、教育內容、製 作者三種條件之間的關係。
設計執行
「使用者」分為教學者與學習者，以及他們在什麼情境下學習。
「教育內容」是使用者如何一起達到目標的過程，包含教學目標、教 學順序等。當然，你還需要考量「製作者」實際的製作條件，與內容 編撰、設計執行、後期印製等緊密相關。
如何精準地找到三者之間的平衡，是一開始的重要任務。
檢查測試
2
教育設計研究報告
7Dp^
3
p §
F n‚
G“k=n
G“k=G7fl G“k=G7flRZEg‹ nRm‚–2? 教材在不同情境下，各有適用的使用方式與目的。例如：在上課、自 學、休閒時，使用者的學習或閱讀習慣都不盡相同，因此先了解使用 場景、時間與人數，才能在設計時創造適合的體驗流程。 思考一下，這份教材是在什麼情境下使用呢？ 7Dp^ 教材會在哪些空間使用 ? p§
Fn‚
室內或戶外、放桌面或手拿、燈光照明、是否常攜帶等。 每次使用多久？間隔頻率多長？
每週三堂 40 分鐘的課、自學閱讀 90 分鐘、 休閒閱讀 10 分鐘、隨手翻閱查詢等。
是否有老師引導？或學生自己學習？還是一群人共學？
一對多教學、一對一教學、自學、多人同時使用、多人輪 流使用等。
4
教育設計研究報告
k0iEæigH –.[XD
¤‘\⁄¡~•˚
5
+Ion
G“k=n
=ł~n =ł~nonRm‚E”F 教材的作用是「引起學習者的學習動機，並用其能夠理解的方式來引 導知識學習」。因此，越了解學習者的輪廓，越能設計出適合他們的 教材。
你可以從下列幾個面向了解學習者： –.[XD
這個年齡層的學習者喜歡什麼？對什麼有興趣？
+Ion
這樣的說明或設計方式，學習者是否能理解？
¤‘\⁄¡~•˚ m
k0iEæigH
流行文化、次文化、娛樂活動等。 詞彙難易度、是否需加註注音。
這本教材的功能是什麼？學習者應習得什麼？ 使用目的、學習重點等。
是否適合學習者的心理發展成熟程度？
這個年齡層的色彩與風格偏好、思考邏輯等。 是否適合學習者的身體成長條件？
教材尺寸、視力發展等。
是否有特殊狀態需要考量？
色覺障礙、閱讀障礙或其它學習障礙。
6
教育設計研究報告
z?r˘
¤‘\⁄¡~•˚
dc@r˘
7
G“k=n
n=łn Ev0Zm‚n=łnRZ¤‘EæEv0Zm‚nam‚ 教材的使用情境中可能有教師、家長、家教老師、課輔老師、志工等 「教學者」，他們對教材的使用目的會有不同的期待。 你可以從下列幾個面向來了解教學者： dc@r˘
通常如何使用教材？
z?r˘
常用的教學法是什麼？是否有常遇到的困難？
¤‘\⁄¡~•˚
使用方法與習慣、使用情境與時間等。
引導方式或重點、筆記空間、較難理解的內容。 使用這本教材的目的為何？
引起動機、探索型態、考試重點。
8
教育設計研究報告
8—naWƒ
E¥naWƒ
E¥naWƒ
?-naWƒ ?-naWƒ ?-naWƒ ?-naWƒ
9
E¥naWƒ
n‹,(>
n‹naWƒ Z)n‹naWƒK2-4E⁄z#Xj 教育目標是「每次課程希望學生達到的終點」。但教育的過程是透過 引導循序漸進，一次給予太大的目標，學生難以直接快速的學習，因 此所有目標都要拆分成「階段性的小目標」。
每個教育小目標就是一個學習知識的節點，因此編輯與設計師要知道 每個單元或頁面的小目標，來進行設計規劃與版面編排。
另外需要注意的是，每個小目標彼此間的關聯，也會影響到設計的方 式。各個小目標間若有順序關係，則需依照順序規劃設計，如：自然
科學的實驗有明確的步驟，就要有合理的閱讀動線引導。但若各個小 目標間沒有順序關係，則可以更活潑呈現，如：不同類型的積木創意 教學、每篇獨立的寓言故事。
10
教育設計研究報告
n=ł\
c‚q.[XD
mfi?].[
n=ł{_a
11
|nzaP¡
n‹,(>
¢nynRn\z ¢nnRn\m‚lio0c›X0RFˆR?u0un‹naWƒ 教材的使用通常會搭配教學，來有計畫的教導學習者。了解教學者的 教學步驟、使用教材的時間、作用與方法，可以讓教材設計更貼近教 學使用。
你可以用下列的基本教案流程去了解教學者的教學順序，同時思考每 個步驟中，使用者會如何達到教育目標：
12
教育設計研究報告
p §
進稿時程、設計時程、印刷時程
‹8v¿
進稿時程、設計時程、印刷時程
¢Gr
加工方式限制、印刷機器限制
\ ˚
字體大小、教育部標準字、
13
標註注音、紙材限制、安全規範
])s
提案到成品的流程
-4a¤
角色工作分配、誰負責決策
£<21
市場習慣、業務考量、競品分析
k c^
行銷亮點、媒體合作
¢Grn
nR{¡-usm‚i>RdNn Ev·53c@yEGi^mfiizm‚¤-uXmfleF+p§ 教材的製作除了需要考量使用者外，製作者之間的溝通也是很重要的
一環，包含前期的時程規劃、責任劃分、製作限制、預算經費等確認 後，才能開始進行設計，這些討論都是為了確保後續的製作流程能順 利進行的必要溝通。
你可以依照這些可能會影響製作因素的項目，與製作者們進行討論， 釐清及評估各項目可能產生的影響，盡可能在各方有共識的條件下來 進行設計。
14
教育設計研究報告
Plan˚-
15
教育調查
設計規劃
設計執行
在了解使用者、教育內容、製作者三個面向的目標與需求後，就進入 到設計規劃期囉！
為了引起學習者的學習動機，可依教材特性準備「主題企劃」與「視 覺風格」，讓教材具有吸引使用者的方法。設計規劃中可以將知識內 容導入設計方法，幫助使用者清楚理解知識內容。
檢查測試
16
教育設計研究報告
zmmmmmmX =ł~nk⁄
EgR¥Iø?mmmmm?m‚?mmmmm7 –2?E”‹n⁄
nR,(>
給國小五年級學生，一本像偵探解謎的數學課本。 給國中七年級學生，一本像運動漫畫的體育課本。 給十歲的孩子，一本像繪本的科學讀物。
17
c‚q=ł~.[XD
E”‹Fæh.m‚E”‹Fæ-XKC.[Xjm‚=ł~§YD 為了引發學習者的學習動機，透過設計可以幫助教材提供更好的學習 體驗。我們可以為每份教材企劃一個主題，如：探險家的自然課本、 摺紙遊戲的數學課本。
一個好的主題企劃，能告別死板的資訊填鴨，改變學習的氛圍。而主 題的決定就要靠教育關係蒐集的資料進行企劃，找到適合教學內容與 學習者喜好的主題。 0RNk P.6 =ł~n2+¸
興趣喜好、關注重點、生理與心理狀態。
?-k¿¡
主題確定後，教材需依據主題核心進行設計發想，盡量減少放入與主 題不相關的內容，以免學習體驗被破壞。
如：叢林探險的設計，不適合出現程式語言的設計圖像。
18
教育設計研究報告
關鍵字聯想、圖片素材搜集
年齡喜好分析
19
相關教材案例搜集
c‚q=ł~.[XD
.›/ss Xjm‚.›/ssKe0 Enlkz5c‚q=ł~.[XD 確定主題企劃後，你可以用該主題的關鍵字進行視覺素材搜集，並歸
納出合適的視覺風格，教材設計時也別忘了依據使用者的喜好和主題 內容進行搭配。
0RNk P.6 =ł~n2+¸
興趣喜好、關注重點、生理與心理狀
態，以及了解學習者年齡來搜集相關資料。
?-k¿¡
・學習者的視覺風格喜好，可以利用訪談、問卷等方式來了解，可參 考 P.66 測試的研究工具。
・需注意教學者或購買者的喜好，可能會因年齡或使用目的等不同因 素，而與學習者喜好有所衝突，這時我們需要找到各方的平衡點。
・圖像素材搜集可上網搜尋 Mood Board，進行風格定調。
20
教育設計研究報告
.a¤
R¶
d
.a¤ ?o?
21
>ArzW2?yø
Nk-X˚ss ?o?6R¶6.a¤XEN7uG“k=nm‚uEg?–2? 使用者拿到教材的第一步，即會體驗到裝幀設計，觸摸的質感、書籍 的尺寸大小、翻頁的過程，都會直接影響學習的體驗過程，因此隨著 視覺風格的確認，設計規格的定義亦是一個重要的任務。
裝幀設計的質感或巧思，能將平面書籍注入互動感，善用印刷工藝、 特殊加工、包裝材料等方式，提升教材的體驗價值，亦能幫助達到特 定的教學目標。
0RNk P.4 - 6 G“k=G7fl=ł~n2+¸ 與心理因素。
主題企劃、學習者的生理
22
教育設計研究報告
do0c›
¤6¡.[{
tԤC
23
v„t‘§
>ArzW2?yø
t‘§kuf] 5Rd¤m‚t‘§,(X2lmfid!¤m‚GIø 空間排版會影響使用體驗、閱讀動線與整體閱讀舒適度。 排版時，你可以思考的方向： t‘§C
整個跨頁的空間比重。
d=¶
影響使用者的閱讀狀態。
文和圖的配置比例、畫面濃度、天地邊界等。 國文課本中的文言古詩與白話散文，因字數差異大， 以及筆記的空間需求不同，因此行距與字距也會有不
¤6¡.[{
do0c›
同設定。
考量知識內容的閱讀動線。
直式或橫式使用；圖、文搭配是否符合閱讀順序；知 識與訊息的節點是否在同一跨頁。 裝訂方式會影響空間排版。
裝訂方式會影響空間排版，如：平裝膠裝書的裝訂處 會吃膠較深，內頁排版時需注意，避免頁面圖文被夾 進裝訂處。
?-k¿¡
・建議每行字數不超過 30 字，是較好閱讀的單行字數。
・需與製作者確認段落排版的規範，如：開頭句縮排、行數規定等。
24
教育設計研究報告
G\CyøwEg-kFRCyøx
E¥6–CyøwEr-k,Cyøx
偏好未調和、鮮豔的暖色系
偏好淺色調、開始注意冷色系
資料來源：
齊藤清、櫻升俊夫 (1975)。Ex=ł~m‚y”z¡enq¤‘pGtu
25
東京都立教育研究紀要，15，1-51。
。
>ArzW2?yø
Exk¥|Ex2—Xj Exm‚2—XjRZ'}C‚\Rdi>¶.¸ 色彩的使用可以吸引學習者的閱讀動機，而色彩喜好與搭配方式會隨 著不同年齡層的學習者有所差異。色彩是一門搭配的哲學，可以透過 了解使用者對色相、明度及彩度的喜好，進而訂定教材的色彩計畫。
b+ˇ
・色相：用來區分色彩的通用名稱，如：紅、藍、黃、綠等。
・彩度：即色彩的飽和度。彩度越高，越鮮豔；彩度越低，越混濁。 ・明度：即色彩的明暗程度（亮度）。在同一色相顏色，加入白色可 以提高明度，加入黑色則能降低明度。
26
教育設計研究報告
27
on-4‹‡wnq--4x
{?)hpw0Z0Z‹‡x
¡~•˚Wƒw¶,‹ˇx
‹+C‚c‚?,w^@^n¤‘)x
>ArzW2?yø
Exk¥|?yøn-= Ev0Zm‚Ex~GX0RFˆCr.30˜i?yøn-= 可以利用以下方法區分： m
now 4‹‡nqx-4
{?)hpw0Z0Z‹‡x ¡~•˚Wƒw¶,‹ˇx ‹+ C‚c‚? w^ , @^n¤‘) x
?-k¿¡
・避免使用過多色彩，容易混淆重點。
・同類型或相似內容，建議使用相同色相，讓色彩使用更具系統性。 ・請事先規劃使用於區分知識點的色相，以免造成明度高的色彩不敷 使用之狀況。
・用色時需考量色盲色弱使用者對顏色的辨識度。
28
教育設計研究報告
29
>ArzW2?yø
=¶–2=¶yø =¶–2m‚k=RZEg‹ ¤6¡njrr 字體的選用會影響閱讀效果，可依教材特性、內容層級與目的，檢視 易辨性（可讀性，legibility）、易讀性（readability）與易視性（醒
目性，visibility），皆可能影響閱讀的舒適度與效率。如：標題字應 選用尺寸大、字重粗、易辨且醒目的字體；內文字應選用尺寸中、字 重細－中、易辨且易讀的字體，以便長時間閱讀。 ¤‘oSnR=¶–2m‚k=z#w.XlNdwn‹=¶–2hpk=KxNax7
?-k¿¡
・教材是否需要使用「教育部標準寫法」。
・不同業者開發的字體風格有差異，字面與字距亦會影響空間排版的 緊密度。
・印刷字－需注意其字體設計是否平穩與大小統一。 ・美術字、手寫字－需注意其識別度是否足夠。
30
教育設計研究報告
œnC
tԤH.
z¡Ege
31
>ArzW2?yø
Wƒy”z¡ Wƒy”z¡m‚cuG0RFˆk¿N.nR¤6¡e 使用者在閱讀時，會依照系統性的標誌來辨識內容的功能性，清楚的 標誌可以提升閱讀效率。 C"¯‹‡-=
章節、段落、列點、補充資料、圖例說明、題目討論、練
習、實驗、頁邊、頁碼等。 œnC t‘§H. z¡Ege
標誌設計需直觀單純，讓使用者直接辨認出其指示性。
適當的空間留白及視覺平衡，可以提升標誌的閱讀性。 風格統一能讓視覺體驗更完整，減少雜訊干擾。
?-k¿¡
・數字 / 英文文字編號的層級與排序，可參考論文 APA 格式。
・若標誌類型或編號層級過多，易造成閱讀理解困難與混淆，建議搭
配其它設計來提高識別，如：字體、字級（大小） 、字重（粗細） 、 色彩。
・標誌排版需注意視覺上的對齊。
32
教育設計研究報告
Execution6´d
33
教育調查
設計規劃
設計執行
完成主題企劃與視覺風格設定後，就會進入設計執行囉！
過程中為了讓內容更清楚的展現，透過釐清訊息節點、圖像整合、互 動設計等方式，實現前面準備的企劃與主題。
建議與使用者（含教學者及學習者）諮詢後，進行文字與圖像架構規 劃的草稿落版，可以大幅降低內容錯誤及問題發生的機會！
檢查測試
34
教育設計研究報告
・i[|›ef]rH
・n=¶Wƒr 大標題 小標題 內文 ・5lIøWƒr 標誌 Icon 圖表 Chart 插畫 Illustration 攝影 Photography
・,
科學繪圖 Scientific Illustration 資訊圖表 Infographic 尚未確定
・具體呈現臉部角度及肢體動作
35
・可於手繪落版中具體註明色彩及其他說明。
6´d
i[|›ef] i[|›o0\o_X1a¤,G 正式進入電腦軟體執行內頁排版前，建議先使用手繪落板的方式進行 構想，將腦中的發想先在紙上大略整理，並可將文字與圖像以代碼標 示，初步擬定出要使用什麼方式來呈現知識內容。
手繪落版稿也是作者、編輯、插畫、設計之間溝通的共識與藍圖，大 家能以此為依據來進行後續的執行工作。
36
教育設計研究報告
NG!
37
xßq7p
6´d
n=¶|G!w.•˚ Y‹C?‘Iø0#+ 以使用教科書的學習者來說，每個跨頁都是一段訊息的節點，若分成 兩個跨頁呈現，較容易降低閱讀效率，中斷理解與思考。
訊息節點的判斷來自教育關係與知識架構的內容，常見的兩個依據是 「知識點」與「時間點」： on•˚
盡量將教育目標中的相同知識點，或同一段落的內容集
p§•˚
章節頁面的落板思考，需將使用時間納入考量。如：一
中在同一個視覺頁面中。
次上兩節課，兩節課的學習份量以幾個完整跨頁來呈現。
?-k¿¡
・設計師需先與編輯溝通，依據教材尺寸，每個頁面適合的字級、字 數與行數。
・編輯也要能以視覺的角度，來思考文字數量與訊息比重。
38
教育設計研究報告
‡0u‹‡66m‚fF
圖示
實驗所需器材
1. 測量工具
2. 錐形瓶
3. 試管
4. 顯微鏡
‡0uueam‚F2F
防範一氧化碳中毒注意事項
1. 車輛應熄火
39
2. 保持空氣流通
3. 使用電熱水器
4. 勿於室內燒木材
6´d
5lIø|5lr 5lrop¡|‡0u66ueam‚-cS< 圖示可以適用在呈現： ‡0u‹‡66m‚fF
工具物品、動物、植物等。 ‡0uueam‚F2F
流程、觀念、案例、政策等。
明確的圖示能減少文字閱讀負擔，直觀地呈現重點，也能讓教學者更 Ｗ快速地引導教學，並幫助學習者更有效地閱讀、吸收與記憶。
40
教育設計研究報告
圖表
§s / X>s5l
5i›5l
i{5l
Wg / zh|}5l
“.¤5l
41
XY nGp5l
6´d
5lIø|5l 5lKnfi0un=¶“Fˆ¤m‚{z 圖表適用在多項數據的整合，透過各種功能的圖表來呈現不同數據間 的關係，幫助需比較或綜觀呈現的資訊更容易被解讀。 教材中常見的圖表類型：
用於量化並比較各項目類別數量的變化。
nls / X>s5l
每月雨量、得票率。
5i›5l
比較百分比例關係。
i{5l
分析趨勢走向。
人口組成比例。 經濟成長率。
Wg / zh|}5l “.¤5l mmXYnGp5l
精簡區分階層結構。 植物的分類。
比較多項數據能力分析。 能力指標、組成分析。
兩種向度的關係數據為散點分布。
氣溫和火鍋店銷售額的關係。
42
教育設計研究報告
43
6´d
5lIø|, 'G6=łk0Egqh§m‚Xj8˛G6 角色使用分為自創角色或 IP 授權，融入教材時能達到不同的效果： H-,
依主題與風格量身打造，提升教材趣味性、故事性。
IP kGxZ 透過使用者熟知的角色，快速引起使用者的學習動機。 此外，角色情境設定經常擔任引導、對話、提問的功能，啟發學生閱 讀與思考的動機。
k¿2n 角色對學習者的提問，可以啟發學習者的思考。 ?)h
G{q¤
角色間的對話可以創造討論的情境。
藉由角色表情，讓教材情境可以更鮮明與提升使用者 感受 ( 驚訝、開心、難過、生氣等 )。
44
教育設計研究報告
¤6¡.[{
a'‹C
45
08‹C
6´d
5lIø|‘‘k¥ k=nfF22lmfiXj8EæX˚=ł~nkSk0– 漫畫具有說故事的特性，較能引起學習動機。在不同年齡層的教材
中，利用漫畫情境作為開頭引導，啟發學習者好奇心與初步討論，是 很常見的手法。漫畫與一般插畫形式不同，需要多方溝通才能呈現完 整的漫畫。
建議參與討論的對象與內容有： ‘‘k¥>{ ¢Grn
了解教學內容流程，構思故事大綱與分鏡。 漫畫對白設計，融入教學目標。
Ero0?)d ( C+6‘‘k¥>{6¢Grn )
故事大綱 → 分鏡 → 文字 → 草稿 → 精稿 → 彩稿
?-k¿¡
・教材的翻頁方向，會影響漫畫閱讀動線與文字排版。 左翻直排，右翻橫排。
・分鏡的流暢度是漫畫中相當專業的技術，因此需透過討論，編輯不 宜自行決定分鏡後才交由漫畫家繪製。
・對話框中的字數不宜太多，字級不宜太小，需視使用者適合的方式 呈現，應以畫面構圖為主，文字為輔。
46
教育設計研究報告
插畫
47
6´d
5lIø|k˜k¥ k¥-yn=¶EvoI˜¤zy).3n=¶¤zm‚G7flH] 教材中經常需要使用插畫輔佐情境說明，搭配學習內容的情境插畫能 有效引起學習動機，也能幫助未有先備知識的學習者理解內容。
在確認合作插畫家前，宜先確認教材整體風格，並透過插畫家作品集 了解其風格與繪製能力，再進行細節的插畫討論。
48
教育設計研究報告
W25ls
Exs
Ks
s
49
y6s
6´d
k˜k¥_X1])s >Csxoz#-4Xi^K‹8¤¨⁄+—]‘eEvE·m‚p§ 圖像內容在正式完稿前，過程中一定需要經過草稿的確認，確認後才 能進行下個步驟，確保設計內容在正確的方向並預防錯誤的內容而浪 費設計時間，確認稿件步驟： Step1. W25ls
( 物件、尺寸比例、空間關係 )
Step2. Ks
( 造型、線條 )
Step3. y6s
( 細節 )
Step4. s
( 每個區塊的顏色 )
Step5. Exs
( 色彩細節、材質 )
50
教育設計研究報告
攝影
q7¢k¥«6W2h
51
q7¢Kn"fPw^b2
q7¢Kn"FPNßRjd
6´d
5lIø|n"Eg naWƒoC=ł~nei7D–2?h>'y6´dN}GrX.^@=ł~„hi 在教材中，攝影圖照經常使用在強調真實性或動作步驟時，而在拍攝
前，建議需與攝影師溝通：畫面中需呈現的重點、事先構圖確認畫面 構成、色彩計畫（背景色、物件顏色、人物服裝等）。
?-k¿¡
・建議事先完整列出欲拍攝圖照的項目清單，依照規劃逐項拍攝。 ・在過程中同步與作者及編輯確認拍攝內容符合知識正確性。
・畫面中不應該有過多雜訊干擾，如：拍攝人物衣服或物品的色彩或 圖案，過多的顏色易造成混亂的背景。
52
教育設計研究報告
科學繪圖
0uG“k=s0=ł|›5lm‚‹‡66
>>?
z#
53
cw!
-5l
.[GrY¤H
6´d
5lIø|s0=ł|›5l Zn"Eg),Gn«>¶H.m‚|›5lENc› 製作教材時，有些學習素材的特徵、角度或全貌無法使用攝影呈現， 但需要強調學習素材的真實性時，就建議使用科學繪圖。科學繪圖不 受季節時間、環境背景等限制，能呈現的一致的角度、微觀或巨觀程 度，如：動植物細節特徵、大型建築物全貌。 以下為幾個適合使用科學繪圖的類型： EvoKK#6
宇宙、建築。
Evo>'yKn"
剖視圖。
Evon^8—z#w. 細胞。 EvoI˜¤f¶E
：動作姿態、植物構造。
?-k¿¡
・完整性：需要學習的素材是要完整且明確的呈現。
・正確性：真實學習素材的尺寸和比例、顏色與其他動植物的搭配。 54
教育設計研究報告
資訊圖像
55
6´d
5lIø|{5lIø ^~?P8—¡n=¶¤6¡m‚>N 若教材內容中有大量的訊息、流程或複合性知識需要傳遞，建議將資 訊圖像化，除了可以減少閱讀文字的時間，亦能提升理解及記憶。 {?x
：先將資訊的架構、邏輯與順序整理清楚，可以透過字
..[{
：通常大家會依照自己的閱讀習慣方向進行閱讀，需思
級大小或色彩計畫進行資訊層級區分。
考資訊圖像的設計是否能明確引導視覺動線。
56
教育設計研究報告
-Gr
57
i!
F.a
6´d
F=.[|-Gr6i!6F.a 7^p«HnRm‚=ł~–P! 靜態的教材，可透過互動方式提升趣味性，並讓學習者有多元、有創 意的學習展現方式。依據不同的教育目標，可以有不同的互動方式。 常見的互動設計有： -Gr
學習者在學習完教材內容後，透過自由創作的空間，發揮
i!
透過有規則的遊戲機制，讓學習者使用到需學會的內容，
F.a
依照教育目標，引導學習者去完成一件事，透過關卡或取
想像力與創造力，如：寫一首關於天氣的圖像詩。 邊玩邊學，如：桌遊。
得成果的模式進行，如：到校園中蒐集三種植物葉片，在課堂上 分享它們的不同之處。
58
教育設計研究報告
CheckXr˘^p
59
R教育調查
P設計規劃
E設計執行
你可以透過下列的檢查與測試方法，對照教材是否符合教育設計所要 達到的目標： m
,(>Xr˘
內容的圖文意義與關係確認。
igW”sDs 測試印刷製作的可行性與相關調整。 ^p+.¸
對於教材的實體呈現狀態及使用狀況進行調查確認。
C檢查測試
60
教育設計研究報告
61
Xr˘^p
,(>Xr˘ Fˆy=ł~nHa„nEKhbm‚nRzGrc@m‚naWƒ 你可以透過以下三個原則，來檢視每個跨頁或圖文的搭配。 E·e
o¨e ‹+C‚e
是否一定要透過圖像才能完整傳達知識內容？
圖像是否能明確傳達知識並輔助理解，達成教育目標？ 圖文的視覺動線是否符合學習的閱讀與理解順序？
62
教育設計研究報告
63
Xr˘^p
igW”sDs xßc›Nk-X-ym‚RrzEq7¢'cZfl7 完成整體設計、確認定稿檔案後，需要選定印刷廠進行打樣。打樣是 為了確認尺寸、特殊設計細節是否能完整呈現，如：圖文顏色在選用 紙材上的印刷質感，並進行內容的最終校稿。
打樣大致分為以下幾個類型，每個類型能確認的內容不同： PDF W”：內容 ( 版面 + 文字 )、色彩 ( 分色、特色 )。
n‚GxW” ：內容 ( 版面 + 文字 )、規格 ( 尺寸 )、色彩 ( 分色、特色 )。 mflW” ：規格 ( 尺寸、紙材 )、加工。
EsXDW” ：內容 ( 版面 + 文字 )、規格 ( 尺寸、紙材 )、色彩 ( 分色、 特色 )、加工。
色彩在 PDF 樣可以進行校正，但不一定為正式色，數位樣則是可模 擬特色，但非實際顏色，需以上機樣校正。
加工包含裝訂、裁型、上光等，而打樣時會依照每一種教材類型有不 同的加工形式確認。
64
教育設計研究報告
>
2
2nNw
65
> ?
Xr˘^p
^p+.¸ pGtua¤,GXCr.3+.¸X£ 可以透過打樣進行教材設計的測試，了解設計方法對於使用者的效 果，作為修正或討論的依據。 >
在真實情境中觀察使用者，實際看到使用者的情緒、肢體
動作或環境氛圍對其的影響。可以依照不同的教材特性，擬定需 要觀察的重點。
2nNw 將欲使用的設計透過問卷方式進行調查，詢問滿意度、引 起學習動機程度或使用心得等。但因未能實際接觸使用者，僅能 透過選項或文字表達，較難了解詳細情況，不過是個省時省力的 方法，能搜集的意見也較多。
訪談為一種口頭問卷形式，可以直接接觸受訪者，並觀察
2
受訪者的表情和語氣，也能掌握問題的順序及追問訪綱以外的問 題。訪談的對象可以是專家、使用者或客觀的第三者。 >?
可以利用研究設計進行。
1. 使用者前測與後測：了解使用者使用前後的變化。
2. 實驗組與對照組：了解使用者群體使用與未使用的差異。
?-k¿¡
・教育成效有許多外在因素影響，如：家庭環境、教學者引導方式、 學習者先備知識等，單一方法均無法作為唯一判斷依據。
66
教育設計研究報告
¤Æ£Eg .K-4‹‡z¡nfi|¢o 本頁圖表是依照製作教科書經驗，列出影響學習者認知歷程的設法。 這些設計能影響學習效果為何，目前美感細胞與清大教育學院研究團 隊正在合作進行研究中。
認知是學習者能理解、覺察學習內容，並能分析與詮釋的學習歷程。 m
kuf] 5lIø F=.[
67
可以將知識區分層級與引導閱讀，提升學習內容的理解。 統整並圖像化學習內容，降低文字閱讀負擔並提升認知。 提高學習者對學習內容的覺察。
68
教育設計研究報告
¤Æ£FR .K-4‹‡z¡nfi|GH 情意是指在學習過程中面對學習刺激的態度、興趣、欣賞和適應方式 等，進而影響其學習行為與結果。
透過不同教育設計方法的使用，期待能提升學習者對於學習刺激的肯 定的心理反應，進而影響在行為上對於學習內容採取行動，如：喜歡 遊戲的設計，為了讓遊戲能順利進行，而開始學習。
69
70
教育設計研究報告
¤Æ£Er ns0RE¢Gr])s 一個人的設計，談美感。 五個人的設計，談溝通。
十人以上的設計，談流程。
71
72
教育設計研究報告
˚n‹Xhc@ibm‚EkrCWƒ7 這一段剛起步的旅程。
教育設計是臺灣教育中的基礎工程， 我們還有很長的路需要推進，
若有不足之處，也請大家不吝指教。
未來希望與更多教育工作者、設計師、各領域專家合作， 共同為下一代創造更美的學習風景。 73
74