【课程背景】

移动互联网时代，多场景下H5纷纷崭露头脚，它以图片、音乐、视频、超链接等超文本手机网页形式，展现营销推广、品牌宣传、活动宣传等多场景应用，可实现PC端、移动端跨平台交互使用，给受众人群在碎片化时间带来超强的交互体验感，凭借其趣味性，具有快速传播裂变的功能。如何运用H5新媒体运营工具，制作多场景下微课，助力企业营销推广、公司招聘、品牌推广，成为企业增长动力引擎！

【课程目的】

n 了解H5的定义及多场景应用案例；

n 掌握H5微课的多种设计风格；

n 掌握H5微课的设计工具及制作方法；

n 选择H5的不同应用场景，手把手学习案例实操。

【预期收益】

n 快速推广企业和产品品牌；

n 实现营销推广的快速裂变；

n 带来交互式的培训体验感；

n 线上推广线下引流的利器。

【培训对象】

n 企业人力资源从事培训、招聘的工作者；

n 新媒体运营工作者；

n 企业线上线下营销人员；

n H5爱好者。

【课程大纲】

一、秒懂H5

1.1 H5是手机版的网页吗？

1.2 H5的优势有哪些？

1.3 不可不知的H5形式案例

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

二、定场景：你想H5应用在哪儿？

2.1 品牌推广之H5应用场景

2.2 产品推广之H5应用场景

2.3 企业招聘之H5应用场景

2.4 培训交互之H5应用场景

2.5 活动推广之H5应用场景

2.6 文化宣传之H5应用场景

2.7【互动环节】根据工作需要确定可能应用的H5场景

三、定对象：你要面对什么样的观众？

3.1 受众人群的阅读习惯

3.2 受众人群的场景习惯

3.3【互动环节】确定并分析H5推广的受众人群。

四、定风格：H5不一样的风格

n 情境式

【案例】情境故事型

【案例】一镜到底

n 体验式

【案例】产品推广型

n 叙述式

【案例】

n 模拟式

【案例】

n 游戏式

【案例】

n 录屏式

【案例】

【互动环节】确定H5设计的风格

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

5.1确定标题

5.2编写正文

5.3【互动环节】确定编写的主题和文案内容。

六、定设计：版面+配色+标题+动效+音效+交互

6.1版面设计

n 手绘H5原版模型

n 版面层级设计

n 版面风格确定

n 版面设计类型

n 设计版面注意事项

【互动环节】确定手绘版H5原版模型图。

6.2配色设计

6.3图片设计

6.4标题设计

6.5字体设计

【互动环节】确定配色、字体，并设计标题。

6.6动效设计

6.7音效设计及剪辑

6.8交互设计

【互动环节】确定动效、插入的音效和预设的交互场景。

七、定制作：H5设计制作任你玩转

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

7.2如何将PPT转化成H５？

7.3 H5制作模板从哪里找？

7.4 如何运用 H5工具制作？有哪几步？

7.5 H5制作工具运用实操

n “自说自话”如何让你的文字动起来？

n 如何添加拼图&轮播图&魔方风格？

n 如何在线设计表单提交？

n 如何插入视频？

n 如何添加各种特效（指纹&环境&涂抹&互动）？

n 如何设计快闪？

n 如何跳转页面提升流量？

n 如何运用各种营销组件模拟虚拟场景？

7.6制作完成发布分享

7.7如何查询后台数据？

八、H5场景应用案例

8.1企业招聘：如何设计招聘H5推广？

8.2培训报名：如何设计培训H5推广？

8.3产品推广：如何设计产品H5推广？