H5设计与运营 视频指导版

全书共分为10章，第一章主要介绍了H5的基础知识以及常见的形式，第二章主要介绍了H5运营规划的思路，从制作到开发再到打造爆款H5，第三章到第七章着重写H5设计与制作，第八章和第九章主要对易企秀工具进行了详细讲解，第十章侧重对推广引流进行讲解。

第1章H5：强互动的微场景体验 1
1.1什么是H51
1.1.1认识H51
1.1.2H5与App的区别2
1.2H5营销的优势5
1.3H5的应用场景6
1.4H5的应用类型10
1.4.1展示类10
1.4.2全景/VR类10
1.4.3视频类11
1.4.4动画类11
1.4.5交互动画类12
1.4.6模拟类12
1.4.7合成类13
1.4.8数据应用类14
1.4.9游戏类14
1.4.10跨屏类15
1.4.11综合类15
【课后习题】16
第2章运营规划：开发H5的流程与策略17
2.1开发H5的基本流程17
2.2开发H5的细节规范21
2.2.1选择合适的浏览器21
2.2.2页面尺寸匹配手机屏幕21
2.2.3优化设计细节22
2.2.4优化H5的性能28
2.3打造爆款H5的策略30
2.3.1充电增值30
2.3.2娱乐消遣31
2.3.3情感共鸣32
2.3.4利益驱使33
2.3.5自我展示34
2.3.6创意创新35
2.3.7热门话题36
2.3.8内容精致37
2.3.9多样交互38
2.3.10风格统一39
【课后习题】39
第3章H5页面风格设计：营造极具冲击力的视觉氛围41
3.1常见的H5页面风格41
3.1.1简约风格41
3.1.2扁平化风格42
3.1.3科技感风格43
3.1.4卡通手绘风格43
3.1.5水墨风格44
3.1.6手绘风格44
3.1.7混合风格45
3.2H5页面色彩设计46
3.2.1H5页面设计中常用的配色方案46
3.2.2H5页面色彩设计策略50
3.2.3常用的H5配色工具52
【课后习题】54
第4章图文设计：用高颜值图文提升画面质感55
4.1H5页面版式设计55
4.1.1页面有层级，元素要统一55
4.1.2页面信息排版56
4.1.3可视化页面信息59
4.1.4适当的留白60
4.1.5保持页面视觉平衡60
4.1.6运用插画61
4.1.7版面符合视觉心理62
4.2H5页面图片设计62
4.2.1提高或降低图版率63
4.2.2使用全图和局部细节图片64
4.2.3使用图标64
4.2.4压缩图片大小66
4.3H5页面文本设计67
4.4实战案例——制作邀请函H5页面69
4.4.1使用Photoshop制作邀请函首页69
4.4.2将PSD图片导入H5页面77
【课后习题】80
第5章影音设计：增强H5画面的张力氛围81
5.1H5动画/视频设计81
5.1.1H5动画/视频制作策略81
5.1.2常用的H5动画/视频制作工具83
5.1.3实战案例——制作易企秀制作健身会所宣传视频85
5.2H5背景音乐/音效设计94
5.2.1H5背景音乐/音效的重要性94
5.2.2为H5页面添加背景音乐/音效95
5.3H5音乐素材的搜集与编辑97
5.3.1搜集音效素材的渠道97
5.3.2实战案例——使用Audition制作H5背景音乐98
【课后习题】101
第6章动效设计：打造H5页面交互体验102
6.1H5页面动效实现方法102
6.2优化H5页面动效104
6.2.1翻页动效105
6.2.2页面元素动效105
6.2.3功能性动效106
6.2.4对象的线性运动动效107
6.2.5元素的形变动效107
6.2.6平移与缩放动效108
6.2.7视差动效108
6.2.8维度动效108
6.3实战案例——使用易企秀制作H5动效页面109
【课后习题】113
第7章创意优化：用高端创意打造刷屏级H5114
7.1创作富有“情感”的H5114
7.1.1挖痛点114
7.1.2戳泪点116
7.1.3找共鸣117
7.1.4代入感118
7.2借助超级IP形成创意主题119
7.2.1人气公知IP主题119
7.2.2古文化IP主题120
7.3H5创意文案的撰写120
7.3.1确定主题121
7.3.2拟定标题122
7.3.3创意内容123
7.4运用热门技术打造H5炫酷画面124
7.4.1基于传感器124
7.4.2基于触摸屏操作127
7.4.3基于画面呈现130
7.5设计趣味玩法增加H5的互动性131
7.5.1抽奖活动131
7.5.2抢红包活动132
7.5.3投票问卷133
7.5.4趣味小游戏133
7.5.5场景模拟134
【课后习题】135
第8章H5制作工具——易企秀的使用138
8.1H5基本编辑138
8.1.1认识易企秀H5编辑器138
8.1.2文本编辑139
8.1.3图片编辑141
8.1.4背景编辑143
8.1.5形状编辑144
8.1.6添加音乐146
8.1.7页面设置147
8.1.8使用特效149
8.1.9使用动画149
8.1.10使用触发150
8.2使用易企秀H5编辑器组件152
8.2.1使用常用组件152
8.2.2使用基础组件156
8.2.3使用高级组件158
8.2.4使用微信组件166
8.2.5使用AI组件169
8.3使用易企秀H5编辑器表单171
8.3.1使用常用表单组件172
8.3.2使用基础表单组件175
8.3.3使用高级表单组件177
【课后习题】177
第9章H5制作实战：使用易企秀制作H5179
9.1实战案例——企业宣传与邀请函翻页型H5的制作179
9.1.1制作企业宣传H5179
9.1.2制作邀请函H5191
9.2实战案例——企业招聘长页型H5的制作195
9.3实战案例——调查问卷表单型H5的制作201
9.4实战案例——翻牌游戏互动型H5的制作205
【课后习题】209
第10章推广引流：优质渠道诱发H5裂变式传播210
10.1微信推广引流210
10.1.1通过微信好友推广H5210
10.1.2通过微信群推广H5211
10.1.3通过朋友圈推广H5212
10.2App推广引流214
10.3新媒体平台推广引流215
10.4线下活动推广引流216
10.5二维码推广引流216
【课后习题】217