课程大纲：

从零到精通

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

【课程目的】
－了解H5的定义及多场景应用案例；
－掌握H5微课的多种设计风格；
－掌握H5微课的设计工具及制作方法；
－选择H5的不同应用场景，手把手学习案例实操。

【预期收益】
－快速推广企业和产品品牌；
－实现营销推广的快速裂变；
－带来交互式的培训体验感；
－线上推广线下引流的利器。

【培训对象】
－企业人力资源从事培训、招聘的工作者；
－新媒体运营工作者；
－企业线上线下营销人员；
－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不一样的风格
－情境式
【案例】情境故事型
【案例】一镜到底
－体验式
【案例】产品推广型
－叙述式
【案例】
－模拟式
【案例】
－游戏式
【案例】
－录屏式
【案例】
【互动环节】确定H5设计的风格

五、定文案：什么样的H5文案最走心？
5.1确定标题
5.2编写正文
5.3【互动环节】确定编写的主题和文案内容。

六、定设计：版面+配色+标题+动效+音效+交互
6.1版面设计
－手绘H5原版模型
－版面层级设计
－版面风格确定
－版面设计类型
－设计版面注意事项
【互动环节】确定手绘版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制作工具运用实操
－“自说自话”如何让你的文字动起来？
－如何添加拼图&轮播图&*风格？
－如何在线设计表单提交？
－如何插入视频？
－如何添加各种特效（指纹&环境&涂抹&互动）？
－如何设计快闪？
－如何跳转页面提升流量？
－如何运用各种营销组件模拟虚拟场景？
7.6制作完成发布分享
7.7如何查询后台数据？

八、H5场景应用案例
8.1企业招聘：如何设计招聘H5推广？
8.2培训报名：如何设计培训H5推广？
8.3产品推广：如何设计产品H5推广？

从零到精通