透過「四減，四加」來提升教學簡報的品質

1. 邁向卓越教學
五大簡報 技巧
Chris Lin

2. 賈伯斯（ Steve Jobs ）1955~2011
簡報技巧
費曼（Richard P. Feynman）1917~1988
卓越教學

3. 秒3 視覺實驗

4. 有一天，爸媽帶我和妹妹一起到森
林裡餐。這個地方之前我來過，附
近有一條小溪，裡面有好多好多魚！
我隨手拿一塊麵包告訴妹妹：「妹
妹，我們拿食物去餵魚吧！」妹妹
則是挑了一塊吐司。我跑很快，妹
妹還小跑比較慢，她一直後面叫：
「哥，等等我啦！」

6. 文字 影像
標題&定義 想像&細節

7. 妹妹，我們去餵魚吧！

8. 感知的東西
其實很科學

9. 格式塔心理學Gestalt

10. 知覺到 眼睛所見>
Gestalt

12. 高雄餐旅學院 張忠明
按 照 完 形 的 說 法 ， 我 們 容 易 將 點 連 成 什 麼 ？

13. 高雄餐旅學院 張忠明

14. 了解人，
你才知道怎麼設計
洞悉設計的 100 個感知密碼
旗標出版社
Susan Weinschenk

16. 傳遞
訊息

17. 視覺83%
聽覺
11%
其他
6%
來源：美國哈佛商學院研究
人腦每天通過五種感官接受訊息的比例

18. 訊息
視覺 聽覺

19. 簡報是 ？

20. 聽眾
目的地

21. 聽眾
目的地

23. 成功

24. +10%效率
痛苦 -10%

25. 4減，4加
1. 文 ，圖
2. 量 ，質
3. 理 ，情
4. 師 ，生

26. 視覺
流
Part 2

27. 影像
文字圖文
動畫
視覺
流

28. 影像簡報中的1

29. 好圖 千言萬語>

30. 老人的日常生活
中國藝術家 劉揚 ─ 中德文化比較

31. 排 隊
中國藝術家 劉揚 ─ 中德文化比較

32. 準 時
中國藝術家 劉揚 ─ 中德文化比較

33. 怎麼找圖？

34. 選圖就像選角色

35. 合原則3
• 合乎主題
• 合適解析度
• 合法來源
挑選
影像

37. 左腦 右腦
邏輯、文字、線性
找到好圖片的關鍵
感性、想像、自由
(鑰匙) (抽屜)

39. Photo Pin
photopin.com
• 影像來源：Flickr
• 解析度與拍攝品質都很好
• 符合創用CC授權條款
• 不支援中文關鍵字搜尋
medical treatment

40. 台灣創用CC計畫
creativecommons.tw

41. 個方法4
常用的
影像設計

42. 影像設計4個方法
常用的
相近 對比
取捨 變化

43. 相近1
距離相近的部分，人們會將之趨於組成整體

44. 相近1
與文字間的排版，會互相加強視覺的強度

45. 相似2
人們常把具有共同特性的事物視為一群組
但人們容易關注不同的部分

46. 對比2 從改變物件的屬性開始

47. 對比2
特性與前後的對比，可以讓重點更凸顯

48. 3
適度留白，讓主題更鮮明，也富想像空間
取捨
想像力，點亮您的生活
一個人，自我對話的開始

49. 取捨3
裁切後的空間構圖，可讓視覺焦點更集中

50. 變化4
改變影像位置，反而可以更自然地突出主題
九宮格構圖法

51. 變化4
改變影像大小，滿版出血帶來最震撼的衝擊

52. 相近
對比
取捨
變化
2
3
1
1.5

53. 相近 對比 取捨 變化
連連看影像設計4個方法

54. 玩樂，
是我最美的顏色
Facebook ‧ 演 說 藝 術

56. 給別人驚喜，給自己新天地

57. 文字
簡報中的
2

58. 文字的先天外表與後天打扮

59. Serif
Sans Serif
轉折頓點裝飾

60. 襯線字
無襯線字
轉折頓點裝飾

61. What
Caricature?
is
What
Caricature?
is
應該用多少種字形？
Chris Lin Chris Lin

62. 重視字形的家族關係

63. 了解實際場地大小

64. 簡報文字的設計會有什麼不同？
兩個不同的場地

65. 讓你的字呼吸
ISCA currently has over 550 members
worldwide. The quarterly magazine,
Exaggerated Features, is sent to the
members and an annual convention is held
for socialization as well as education and
competition.
ISCA currently has over 550 members
worldwide. The quarterly magazine,
Exaggerated Features, is sent to the
members and an annual convention is held
for socialization as well as education and
competition.

66. What
Caricature?
is
What
Caricature?
is
小心太空虛

67. 整合圖文3

68. 創造性思考
• 腦力激盪術(brainstorming)是指一群人或一個人運
用腦力，做創造性思考(creative thinking)，在短暫
的時間內，對某項問題的解決，提出大量構想的
技巧。
• 腦力激盪術可資運用的問題範圍非常廣，大至政
治和社會問題的解決，尖端科技的創新，小至家
庭或個人瑣碎事疑難的排除，物品改良均可使用
腦力激盪術策略。
• 事實上，不少的研究顯示腦力激盪術訓練可以增
進創造思考能力。
Bala..

69. 文，
1

70. 文字捕捉影像，傳遞更有力的訊息
5%
酒精你喝掉了多少健康？

71. 生命的意義
生命的意義
生命的意義
生命的意義
影像也可以替文字與編劇

72. Other combinations
are just as bad!
避免刺眼與接近的顏色

73. 出 處 ： 林 語 堂
一篇精彩的講演
應該像少女的迷你裙，越短越好
視覺關連與動線

74. +10%重要的
次要的 -10%

75. 視覺Z字動線
1 2
3 4

76. 往復式空壓機
• 最早發明與應用最廣
• 逐漸被螺旋式空壓機取代

77. 只為了找到自我
忘我

78. 第一
印象

79. 您會如何讓簡報的設計
看起來更一致
？

82. 色彩 文字 背景
決定簡報設計一致性的三要素

83. 動畫簡報中的4

84. 動畫中
每個動態，都有意義

85. 賈伯斯，動態的魔法師

87. 在兩次的圖像翻轉動畫中
各代表什麼涵義
？

88. 動畫是為了
資訊密度的控管

89. PREP法
結 論 優 先 型 的 說 話 方 式
P
Point
明確的主張或目的 用一兩句簡潔的話來表現
R
Reason
說明理由 解釋對方的疑問
E
Example
提出證明或實例 提高具體性
P
Point
結論的主張 重複提出論點來做總結

90. 動畫是為了
凸顯重點，加強印象

91. iPhone程式下載排行
0%
10%
20%
30%
40%
50%
60%
70%
遊戲 工具 娛樂 其他

92. 影像
文字圖文
動畫
視覺
流

93. • 挑選影像的三合原則
• 搜尋圖像：左右腦思考
• 相近、對比、取捨、變化
影像1

94. • 文字的先天外表：字型
• 文字的後天打扮：樣式
• 文字的排版
文字2

95. • 文字給標題，影像給想像
• 注意視覺動線
• 重要的+10% ，次要的-10%
圖文3

96. • 每個動態，都有意義
• 可以用作資訊密度的控管
• 凸顯重點，加強印象
動畫4

97. 訊息
流
Part 2

98. 學生放棄的主因是…

99. 多 難

100. 量，
2

101. 簡化

102. 簡化
減量 簡易

103. 理想中 實際上
畫重點

104. 心智
圖
關鍵字 關聯性

105. 關鍵字
• 以一個字、詞、名句概念為主
• 大部分是名詞或動詞
• 是強烈的聯想掛勾
3 要點

106. 找關鍵字練習
常 有 人 問 我 ， 為 什 麼 永 遠 都 這 麼 樂 觀 ？
因 為 它 是 免 費 的 ， 不 用 花 一 毛 錢 ！
人 生 中 最 昂 貴 的 就 是 負 面 思 考 。
我 不 想 這 麼 浪 費 。

107. 常 有 人 問 我 ， 為 什 麼 永 遠 都 這 麼 樂 觀 ？
因 為 它 是 免 費 的 ， 不 用 花 一 毛 錢 ！
人 生 中 最 昂 貴 的 就 是 負 面 思 考 。
我 不 想 這 麼 浪 費 。
找關鍵字練習

108. 昆蟲的頭部
昆蟲的頭部有著各種感覺器官，包括觸角、眼睛以及
口器。觸角除了有觸覺外，有時還會傳遞氣味信息。
昆蟲眼睛分為單眼和複眼，有些昆蟲只有其中一種，
有些則兩種都有。單眼是感光的，複眼是看物體的眼
睛。昆蟲的眼大多是複眼。複眼有上千隻單眼組成。
每隻小眼會獨立成像，總體合成一副網格樣的全像。
在頭部還有口器。它們的上顎是有力的咀嚼工具，下
顎主要是穩住和進一步咀嚼食物。

109. 昆蟲的頭部
昆蟲的頭部有著各種感覺器官，包括觸角、眼睛以及
口器。觸角除了有觸覺外，有時還會傳遞氣味信息。
昆蟲眼睛分為單眼和複眼，有些昆蟲只有其中一種，
有些則兩種都有。單眼是感光的，複眼是看物體的眼
睛。昆蟲的眼大多是複眼。複眼有上千隻單眼組成。
每隻小眼會獨立成像，總體合成一副網格樣的全像。
在頭部還有口器。它們的上顎是有力的咀嚼工具，下
顎主要是穩住和進一步咀嚼食物。

110. 昆蟲
頭部
觸覺
觸角
傳遞
訊息
氣味
單眼
感光
眼睛看
物體
複眼
下顎
口器
上顎
嚼咬
細嚼
穩住

112. 香蕉
白菜
蘿蔔
牛奶
草莓
奶油
柑橘
起司 青椒
蔬菜
水果
乳製品
香蕉
白菜 蘿蔔
牛奶
草莓
奶油
柑橘
起司
青椒

113. 3

114. 昆蟲
頭部
觸角
眼睛
口器

115. 講話沒邏輯，沒人會懂你

116. 邏輯金三角
主張
論點佐證
資料

117. 昆蟲
頭部
觸覺
觸角
傳遞
訊息
氣味
眼睛
口器

118. 魔術數字
3邏輯金三角
速成簡報版型

119. 切入話題(開場) 結論(主張)
論證 論證 論證
佐
證
資
料
實
例
速成簡報版型

120. 昆蟲
頭部
觸覺
觸角
傳遞
訊息
氣味
單眼
感光
眼睛
看
物體
複眼
下顎
口器
上顎
嚼咬
細嚼
穩住

121. 發想
結構

123. 心智圖

124. 一個心智圖節點，
放一張投影片或項目

125. 整體檢視，
切換投影片瀏覽模式

126. 補充過場內容
調整投影片順序

127. 美術設計，
節制、簡化、強調

129. 理解

130. 簡易，就是說對方聽得懂的話

131. 如果我無法簡單解釋它
表示我沒有真的透徹了解
理查 ‧ 費曼

132. 聽聽費曼的爸爸怎麼說？
高25尺，頭寬6尺

133. 2008年10月
美國政府宣布籌措
7,000億美元資金
搶救金融機構

134. 善用類比的力量

135. 7,000億美元=
3,500億杯
3,5億支

136. 7,000億美元=
2,300美元
美 國 人 每 人 可 領
2,300萬人
免 費 讀 完 大 學

137. 理，
3

138. 教學簡報
如果
料理
像

139. 課程=食材
簡報=調味

140. 熱情=火候
創意=技法

142. Nancy Duarte
怎麼說

143. Nancy Duarte
在分析性和情感性內容之間來回移
動，是另一種形式的對比。在這兩
者之間切換可以創造對比，就像電
影中，轉換的情感被稱為「節奏」。

144. 數據圖表
分析性
……
情感性

145. 費曼不只從他的腦，
也發自他的心靈與人們溝通

146. 師，
4

148. 投影片

149. 發放圖表資料的訣竅
需要詳細解釋數據資料，才做
可 在 簡 報 的 過 程 中 ， 停 下 來 發 放
可 以 混 用 投 影 片 與 書 面 資 料

150. 一頁參與式講義

151. 聽過，會忘記
看過，會記得
做過，才會理解

152. 4減，4加
1. 文 ，圖
2. 量 ，質
3. 理 ，情
4. 師 ，生

153. 1

154. 最好的教學方法就是沒有方法
不假思索地利用各種可能的方法
費曼