了解 H5 的定義及多場景應用案例；

掌握 H5 微課的多種設計風格；

掌握 H5 微課的設計工具及制作方法；

選擇 H5 的不同應用場景，手把手學習案例實操。

第一講：秒懂 H5

1. H5 是手機版的網(wǎng)頁嗎？

2. H5 的優(yōu)勢有哪些？

3. 不可不知的 H5 形式案例

4. H5 制作的常用軟件有哪些？

第二講：定場景：你想 H5 應用在哪兒？

1. 品牌推廣之 H5 應用場景

2. 產(chǎn)品推廣之 H5 應用場景

3. 企業(yè)招聘之 H5 應用場景

4. 培訓交互之 H5 應用場景

5 .活動推廣之 H5 應用場景

6. 文化宣傳之 H5 應用場景

7 .【互動環(huán)節(jié)】根據(jù)工作需要確定可能應用的 H5 場景

第三講：定對象：你要面對什么樣的觀眾？

1. 受眾人群的閱讀習慣

2. 受眾人群的場景習慣

3. 【互動環(huán)節(jié)】確定并分析 H5 推廣的受眾人群。

第四講：定風格：H5 不一樣的風格

 案例式

【案例】情境故事型

【案例】一鏡到底

體驗式

【案例】產(chǎn)品推廣型

 敘述式

【案例】時間軸-愛要大聲說出來.png

模擬式

【案例】

 文藝式

【案例】

 調(diào)侃式

【案例】

 游戲式

【案例】

【互動環(huán)節(jié)】確定 H5 設計的風格

第五講：定文案：多方收集萃取編寫文案

1. 確定標題

2 .編寫正文

3 .【互動環(huán)節(jié)】確定編寫的主題和文案內(nèi)容。

第六講：定設計：版面+配色+標題+動效+音效+交互

1. 版面設計

(1)  手繪 H5 原版模型

(2)  版面層級設計

(3)  版面風格確定

(4)  版面設計類型

(5)  設計版面注意事項

【互動環(huán)節(jié)】確定手繪版 H5 原版模型圖。

2. 配色設計

3. 字體設計

4. 圖片設計

5. 標題設計

【互動環(huán)節(jié)】確定配色、字體，并設計標題。

6. 動效設計

7 .音效設計及剪輯

8. 交互設計

【互動環(huán)節(jié)】確定動效、插入的音效和預設的交互場景。

第七講：定制作：H5 設計制作任你玩轉(zhuǎn)

1. 有哪些方法可以生成 H5？

2. 如何將 PPT 轉(zhuǎn)化成 H５？

3. 如何運用 H5 工具制作？有哪幾步？

4. H5 制作模板從哪里找？

5. H5 制作工具運用實操

(1)  “自說自話”如何讓你的文字動起來？

(2)  如何添加拼圖&輪播圖&魔方風格？

(3)  如何在線設計表單提交？

(4)  如何插入視頻？

(5)  如何添加各種特效（指紋&環(huán)境&涂抹&互動）？

(6)  如何設計快閃？

(7)  如何跳轉(zhuǎn)頁面提升流量？

 如何運用各種營銷組件模擬虛擬場景？

6. 制作完成發(fā)布分享

7. 如何查詢后臺數(shù)據(jù)？

第八講：H5 場景應用案例

1. 企業(yè)招聘：如何設計招聘 H5 推廣？

2 .培訓報名：如何設計培訓 H5 推廣？

3. 產(chǎn)品推廣：如何設計產(chǎn)品 H5 推廣？

4. 教培行業(yè)：如何設計并運用 H5 營銷工具助推招生引流？