【課程背景】

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

【課程目的】

n?了解H5的定義及多場(chǎng)景應(yīng)用案例；

n?掌握H5微課的多種設(shè)計(jì)風(fēng)格；

n?掌握H5微課的設(shè)計(jì)工具及制作方法；

n?選擇H5的不同應(yīng)用場(chǎng)景，手把手學(xué)習(xí)案例實(shí)操。

【預(yù)期收益】

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

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

n?帶來交互式的培訓(xùn)體驗(yàn)感；

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

【培訓(xùn)對(duì)象】

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

n?新媒體運(yùn)營(yíng)工作者；

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

n?H5愛好者。

【課程大綱】

一、秒懂H5

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

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

1.3 不可不知的H5形式案例

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

二、定場(chǎng)景：你想H5應(yīng)用在哪兒？

2.1 品牌推廣之H5應(yīng)用場(chǎng)景

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

2.3 企業(yè)招聘之H5應(yīng)用場(chǎng)景

2.4 培訓(xùn)交互之H5應(yīng)用場(chǎng)景

2.5 活動(dòng)推廣之H5應(yīng)用場(chǎng)景

2.6 文化宣傳之H5應(yīng)用場(chǎng)景

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

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

3.1 受眾人群的閱讀習(xí)慣

3.2 受眾人群的場(chǎng)景習(xí)慣

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

四、定風(fēng)格：H5不一樣的風(fēng)格

n?情境式

【案例】情境故事型

【案例】一鏡到底

n?體驗(yàn)式

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

n?敘述式

【案例】

n?模擬式

【案例】

n?游戲式

【案例】

n?錄屏式

【案例】

【互動(dòng)環(huán)節(jié)】確定H5設(shè)計(jì)的風(fēng)格

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

5.1確定標(biāo)題

5.2編寫正文

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

六、定設(shè)計(jì)：版面+配色+標(biāo)題+動(dòng)效+音效+交互

6.1版面設(shè)計(jì)

n?手繪H5原版模型

n?版面層級(jí)設(shè)計(jì)

n?版面風(fēng)格確定

n?版面設(shè)計(jì)類型

n?設(shè)計(jì)版面注意事項(xiàng)

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

6.2配色設(shè)計(jì)

6.3圖片設(shè)計(jì)

6.4標(biāo)題設(shè)計(jì)

6.5字體設(shè)計(jì)

【互動(dòng)環(huán)節(jié)】確定配色、字體，并設(shè)計(jì)標(biāo)題。

6.6動(dòng)效設(shè)計(jì)

6.7音效設(shè)計(jì)及剪輯

6.8交互設(shè)計(jì)

【互動(dòng)環(huán)節(jié)】確定動(dòng)效、插入的音效和預(yù)設(shè)的交互場(chǎng)景。

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

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

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

7.3 H5制作模板從哪里找？

7.4 如何運(yùn)用 H5工具制作？有哪幾步？

7.5 H5制作工具運(yùn)用實(shí)操

n?“自說自話”如何讓你的文字動(dòng)起來？

n?如何添加拼圖&輪播圖&魔方風(fēng)格？

n?如何在線設(shè)計(jì)表單提交？

n?如何插入視頻？

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

n?如何設(shè)計(jì)快閃？

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

n?如何運(yùn)用各種營(yíng)銷組件模擬虛擬場(chǎng)景？

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

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

八、H5場(chǎng)景應(yīng)用案例

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

8.2培訓(xùn)報(bào)名：如何設(shè)計(jì)培訓(xùn)H5推廣？

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