【課程背景】

移動互聯(lián)網(wǎng)時代，多場景下H5紛紛嶄露頭腳，它以圖片、音樂、視頻、超鏈接等超文本手機網(wǎng)頁形式，展現(xiàn)營銷推廣、品牌宣傳、活動宣傳等多場景應用，可實現(xiàn)PC端、移動端跨平臺交互使用，給受眾人群在碎片化時間帶來超強的交互體驗感，憑借其趣味性，具有快速傳播裂變的功能。如何運用H5新媒體運營工具，制作多場景下微課，助力企業(yè)營銷推廣、公司招聘、品牌推廣，成為企業(yè)增長動力引擎！

【課程目的】

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

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

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

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

【預期收益】

n?快速推廣企業(yè)和產(chǎn)品品牌；

n?實現(xiàn)營銷推廣的快速裂變；

n?帶來交互式的培訓體驗感；

n?線上推廣線下引流的利器。

【培訓對象】

n?企業(yè)人力資源從事培訓、招聘的工作者；

n?新媒體運營工作者；

n?企業(yè)線上線下營銷人員；

n?H5愛好者。

【課程大綱】

一、秒懂H5

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

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

1.3 不可不知的H5形式案例

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

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

2.1 品牌推廣之H5應用場景

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

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

2.4 培訓交互之H5應用場景

2.5 活動推廣之H5應用場景

2.6 文化宣傳之H5應用場景

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

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

3.1 受眾人群的閱讀習慣

3.2 受眾人群的場景習慣

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

四、定風格：H5不一樣的風格

n?情境式

【案例】情境故事型

【案例】一鏡到底

n?體驗式

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

n?敘述式

【案例】

n?模擬式

【案例】

n?游戲式

【案例】

n?錄屏式

【案例】

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

五、定文案：什么樣的H5文案最走心？

5.1確定標題

5.2編寫正文

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

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

6.1版面設計

n?手繪H5原版模型

n?版面層級設計

n?版面風格確定

n?版面設計類型

n?設計版面注意事項

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

6.2配色設計

6.3圖片設計

6.4標題設計

6.5字體設計

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

6.6動效設計

6.7音效設計及剪輯

6.8交互設計

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

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

7.1有哪些方法可以生成H5？

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

7.3 H5制作模板從哪里找？

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

7.5 H5制作工具運用實操

n?“自說自話”如何讓你的文字動起來？

n?如何添加拼圖&輪播圖&魔方風格？

n?如何在線設計表單提交？

n?如何插入視頻？

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

n?如何設計快閃？

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

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

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

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

八、H5場景應用案例

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

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

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