> 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/create-course-proposal/step2/course-description/cover-photo.md).

# 課程封面照

![](/files/-M0l_YrI36KF9pgT7eBU)

封面照片是課程吸引學生注意力的最重要元素，因此選一張吸睛的好照片是非常重要的。

### **一、會使用到封面照片的地方**

#### **【長方形封面照】**

* **在 Hahow 首頁**
* **課程列表**
* **社群網站的連結分享**

任何人將課程的連結網址轉貼至 Facebook 等社群網站時，該貼文所產生的網站照片也是這張封面照片。因此，封面照片就是這門課程的代表。慎選一張吸引人且獨特的照片，可以讓課程在社群網站上或是其他行銷活動上，達到更好的宣傳效果！

#### **【正方形封面照】**

* **行銷宣傳使用，讓課程無障礙適應各種廣告版位，增加更多曝光機會**

### **二、再來了解一下封面在網站上會怎麼呈現吧**

**課程封面版型檔案：**[**雲端下載處**](https://drive.google.com/drive/folders/1FIo_QTxZ32lOA2My-BZvVOqzDjMlvFHw)

**最佳尺寸建議：**

* 長方形：1000 x 620 px
* 正方形：800 x 800 px

![](/files/-M0ldXSPiuFk5Nw5sAS-)

![](/files/-MNRaYFV6N3rpo3c3AWW)

{% hint style="info" %}
小提示：可以透過預覽課程卡片，查看封面實際呈現效果哦～

<img src="/files/o6spNGhO0ge9GPrKewpe" alt="" data-size="original">
{% endhint %}

### **三、課程封面設計範例及重點提醒與建議**

無論是長方形或正方形的封面，都可依照以下建議與範例進行設計！

* **主標題：務必包含明顯的課程名稱**，讓學生可快速辨識這堂課的主題。擺放位置可置中。
* **背景圖片**：可使用老師課程教學作品、相片、素材庫圖片等可添加一些輔助元素。 如：軟體 logo、課程相關 icon 等。

![](/files/-M0ldeiDD_N_ZB3vDFWW)

### **四、NG 範例**

以下為常見錯誤，提供給老師們借鏡。

![](/files/-M0ldluoU0roOsBa7XJg)

![](/files/-MNRbUu0b56kv-xTObr3)

### **五、素材資源網站參考**

下方附上一些素材資源提供給老師們作為參考使用：

* [**Canva**](https://www.canva.com/zh_tw/)：是一款線上的簡易版型設計工具，提供各種模版及設計好點子。
* [**envato**](https://elements.envato.com/)：是一款付費素材下載網，如不是付費會員亦有有成千上萬的素材圖片可供您參考。