> For the complete documentation index, see [llms.txt](https://creator.hahow.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://creator.hahow.in/video/teaching-design-tool-apply/slide-tip-tool.md).

# 簡報：製課心法與工具推薦

想要製作出好課程，除了老師紮實豐富的內容，若能再加上「好的簡報設計」，對學生的學習也會有很大的幫助。因此，我們想帶給你一些簡報的製作建議和學習資源，幫助你在著手編排簡報前，更了解「線上課程的簡報」可能有的模樣。

## **好的「線上課程簡報」，由哪些元素構成？**

### **一、內容呈現**

除了老師有條理地規劃教學內容，因應 Hahow 課程的線上特性，我們還想提醒老師一些重要的小事：

* **簡報內容架構一致**：同一堂課程中的所有單元，若能有一致的內容架構，會讓前後多個單元的課程，看起來更有連貫性。建議在開始製作簡報前，先針對課程影片的內容架構進行規劃
  * 規劃課程影片的內容架構時，可以參考課程影片：拍攝內容建議

![](/files/-M0pEI7sDfL8OxscGyag)

* **說明補充資料**：如果老師在該單元有提供補充資料，可以將內容（書籍名／網址等等）直接寫在簡報上，透過螢幕錄影錄製下來；另外，如果老師選擇將補充資料放在課程的講義區，也建議在錄製影片時以口頭稍加提醒

### **二、畫面呈現**

* 排版方式：應以「畫面有條理且簡潔」為優先考量
  * **投影片的長寬比**：強烈建議設為 16：9 ，讓投影片嵌入影片時，直接符合常見的顯示器規格
  * **文字**：留意字形的選擇、數量、顏色、大小與位置安排，且應避免在單張投影片中，塞入過多、過長的文字；如有需要放入大量文字，首先建議盡可能將文字精簡，或將單張投影片的內容文字，拆分放到兩張或多張投影片上來說明
  * **圖片或圖像**：適當且適量地放入圖像，會讓你的簡報更吸睛。不過排版時，也需留意圖片或圖像的圖文相關程度、數量、大小與位置安排

![](/files/-M0pEN51MPb8x1dNjijt)

* **視覺設計一致**：建議同一堂課程中的所有單元，可以使用相同的投影片模板，以及固定幾種字體，這麼做能讓前後多個單元的投影片，看起來更有連貫性
* **轉場與動畫**：屬於課程簡報中的非必需設置。如果老師想設計，應以「簡潔、流暢」為優先考量，以教學內容為重，避免過度繁複、花俏的設計
* **Hahow 簡報構圖注意事項**
  * **注意字幕位置**：由於 Hahow 所有課程都需要附上字幕，而無論採用的是「上傳字幕檔案（加掛至播放器，建議採用此方案）」或是「影片直接壓上字幕」，字幕都會在影片畫面上佔有一定程度的位置（如下圖，歡迎下載下圖參考使用）；因此提醒老師在製作簡報時，就把「字幕出現位置」放在心上，預先保留出適當的位置，避免讓重要物件或文字被字幕遮擋住，學生學習時會更加順利喔。（更多字幕資訊請至「[如何自行替課程影片上字幕](/after-success/step5/edit-subtitle.md)」）
  * **注意 Hahow logo 位置**：同上，建議預先保留出適當的位置（參考下圖，歡迎下載下圖參考使用）

![](/files/-M0pET9MCQn6h1VDo8zh)

## **簡報心法與技巧（延伸學習）**

如果在上述基本的構成元素之外，你還想更加深入學習簡報製作的心法和技巧，我們推薦幾個簡報課程，以及很棒的資訊來源，很建議你在開始製作課程前，花一點時間去了解和研究喔。

* [精準設計：簡報心法篇](https://hahow.in/courses/59a575d0cd5792070055766f/main)（Hahow 課程）
* [精準設計：PowerPoint 實戰技巧](https://hahow.in/courses/57184c0c234ded0a00a41c31)（Hahow 課程）
* [How to Create Motion Graphics in Keynote for Your Next Video](https://wistia.com/blog/how-to-create-motion-graphics-in-keynote)（Wistia）
* [簡報藝術烘焙坊](https://www.facebook.com/artofslide/?fref=ts) 粉絲專頁
* [BFA 簡報小聚](https://www.facebook.com/BeForAfter.org/) 粉絲專頁
* [簡報初學者](https://www.facebook.com/slideologylearner/?fref=ts) 粉絲專頁

## **簡報工具推薦**

* PowerPoint
* Keynote
* Google 簡報

想了解這些簡報工具的功能與差異，請見下面的簡介表格（2017 年 12 月製表）

{% hint style="info" %}

* 軟體可能會有更新調整，詳細資訊請以官方網站為準
* 記得留意該軟體（網頁）對中文字體的支援程度，才不會開始製作簡報之後，卻發現中文字體無法顯示，或僅能使用系統預設的少數幾種字體喔
  {% endhint %}

![](/files/-M0pEcXCnmaVtIme1Dwo)

## **簡報模板推薦**

如果你為簡報的排版與配色困擾，推薦你不妨參考使用 [Slides Carnival](https://www.slidescarnival.com/) 所提供的簡報模板。該網站的簡報模板全數採用創用CC授權，可免費下載、可改作且可商用；**唯須注意使用時，必須在簡報中標示模板的出處（template credit）。**

![](/files/wY2moQusofxGg3atmeuX)