第1章　H5入门必备知识　001
1.1了解H5　002
1.1.1 H5的定义　002
1.1.2 H5的作用　003
1.1.3 H5的特点　004
1.1.4 H5适用的行业　004
1.1.5 H5应用类型　005
1.2 H5的策划与设计流程　006
1.2.1明确设计目标　006
1.2.2内容策划　007
1.2.3页面设计　007
1.2.4 交互设计　008
1.2.5 生成与发布　009
1.3 H5制作工具介绍　009
1.3.1 图像处理工具　010
1.3.2 矢量图设计工具　010
1.3.3 影视后期制作工具　011
1.3.4 音频处理工具　011
1.3.5 H5制作平台　012
1.3.6 H5专业设计平台　013
1.4 优秀的H5制作秘诀　015
1.4.1 H5页面设计规范　015
1.4.2 优秀的H5作品的特征　016
1.4.3 设计师应具备的能力　018
知识拓展　018
第2章　H5页面风格与版式设计　020
2.1 常见H5页面风格　021
2.1.1 扁平风格　021
2.1.2 插画风格　021
2.1.3 手绘风格　022
2.1.4 简约风格　023
2.1.5 科技风格　023
2.1.6 水墨风格　024
2.2 H5页面色彩设计　024
2.2.1 色彩的三要素　025
2.2.2 色彩的感知　026
2.2.3 页面常用配色　030
2.2.4 页面配色小技巧　032
2.3 H5页面版式设计　035
2.3.1 合理安排视觉动线　035
2.3.2 页面视觉层级表现　037
课堂实战——对节日类H5作品进行赏析　038
知识拓展　039
第3章　H5页面内容设计　040
3.1 H5页面文字的处理　041
3.1.1 字体的选择技巧　041
3.1.2 设置标题与正文字体　044
3.2 H5页面图像的处理　047
3.2.1 H5图像的类型　047
3.2.2 图像素材的获取方式　049
3.2.3 对图像进行简单处理　050
3.3 H5页面音频的处理　055
3.3.1 音频的选择技巧　055
3.3.2 音频的获取方式　056
3.3.3 音频处理的方法　057
3.4 H5页面动效设置　062
3.4.1 页面动效的作用　062
3.4.2 页面动效的类型　062
3.4.3 页面动效的实现方法　064
课堂实战——制作儿童成长手册封面页　068
知识拓展　070
第4章　H5页面创意设计　072
4.1 H5页面交互设计　073
4.1.1 了解H5交互功能　073
4.1.2 页面交互设计的添加　074
4.2 页面交互创意设计　076
4.2.1 一镜到底·增强画面层次感　077
4.2.2 重力感应·增强互动趣味性　080
4.2.3 手指跟随·加强交互体验　081
4.2.4 VR全景·呈现三维空间感　081
4.3 页面酷炫动态效果设计　086
4.3.1 快闪效果·让页面更吸睛　086
4.3.2 视频互动·提升页面展示效果　090
4.3.3 粒子特效·提升视觉效果　091
4.3.4 GIF动画·让页面更生动　092
课堂实战——制作企业互动测试页　095
知识拓展　099
第5章　H5页面营销推广　100
5.1 关于H5营销　101
5.1.1 开发H5的目的　101
5.1.2 利用H5营销的优势　101
5.1.3 H5营销发展的趋势　101
5.2 五种营销思维模式　104
5.2.1 流量思维　104
5.2.2 借势思维　105
5.2.3 奖励思维　105
5.2.4 众筹思维　107
5.2.5 生活思维　108
5.3 常见推广引流的方式　108
5.3.1 线上线下互动　108
5.3.2 投票活动　109
5.3.3 抽奖活动　112
5.3.4 砍价活动　113
5.3.5 H5小游戏活动　114
5.4 常见推广引流的渠道　115
5.4.1 微信推广　115
5.4.2 App推广　117
5.4.3 新媒体平台推广　118
5.4.4 二维码推广　118
课堂实战——产品营销推广案例赏析　119
知识拓展　119
第6章　H5主流制作工具——易企秀　121
6.1 H5页面的创建方式　122
6.1.1 利用预设模板创建　122
6.1.2 利用空白画布创建　125
6.2 H5页面元素的添加与编辑　126
6.2.1 设置页面背景　126
6.2.2 添加与编辑文本元素　129
6.2.3 添加页面元素　133
6.2.4 创建与管理页面　136
6.2.5 添加与编辑图片元素　138
6.2.6 添加元素动画　139
6.2.7 添加特效　142
6.2.8 添加背景音乐　142
6.3 H5组件功能的使用　143
6.3.1 添加页面视觉组件　143
6.3.2 添加功能组件　144
6.3.3 添加表单组件　145
6.4 H5页面的预览与发布　146
课堂实战——制作培训机构招生页面　148
知识拓展　150
第7章　制作问卷答题类H5页面　151
7.1 设计绘画比赛投票活动方案　152
7.1.1 新建投票活动方案　152
7.1.2 设置背景及标题　153
7.1.3 添加活动说明文字　156
7.1.4 编辑投票组件　159
7.2 制作旅游需求调查问卷　162
7.2.1 设置调查问卷页面框架　162
7.2.2 表单的添加和编辑　165
7.2.3 问卷调查表单的传播和数据收集　168
课堂实战——制作知识竞赛答题页面　170
知识拓展　180
第8章　制作活动邀请类H5页面　182
8.1 商务会议邀请函H5页面设计　183
8.1.1 制作邀请函首页　183
8.1.2 制作邀请函详情页　188
8.1.3 添加页面动效　191
8.1.4 添加页面音效　193
8.2 设计招生宣传H5页面　194
8.2.1 制作宣传文字部分　194
8.2.2 添加乒乓球元素丰富页面效果　195
8.2.3 制作抽奖幸运大转盘　196
8.2.4 信息发布　199
课堂实战——美食刮奖活动页面　200
知识拓展　207