第 1章 H5初识
1.1 H5的定义 2
1.2 H5的发展 3
1.3 H5的特点 5
1.4 H5的应用 5
1.5 H5的类型 6
第 2章 H5的设计与制作
2.1 H5设计与制作的项目流程 12
2.2 H5设计与制作的常用软件 12
2.3 H5设计与制作的基本规范 13
2.4 H5制作的注意事项 17
2.5 H5的创意实现 22
2.5.1 H5的常用策划方法 22
2.5.2 H5的常用交互方法 25
2.5.3 H5的创意设计风格 30
2.5.4 H5的动效设计运用 34
2.5.5 H5的音效设计方法 36
2.5.6 H5的常用测试方法 37
2.5.7 H5的常规数据分析 38
第3章 互动游戏H5制作
3.1 课堂案例——媒体娱乐行业消消乐H5制作 40
3.1.1 项目策划 40
3.1.2 交互设计 40
3.1.3 视觉设计 40
3.1.4 制作发布 41
3.2 课堂练习——食品餐饮行业翻牌子H5制作 43
3.3 课后习题——宠物医疗行业打地鼠H5制作 44
第4章 活动抽奖H5制作
4.1 课堂案例——电子商务行业九宫格H5制作 46
4.1.1 项目策划 46
4.1.2 交互设计 46
4.1.3 视觉设计 47
4.1.4 制作发布 52
4.2 课堂练习——金融理财行业摇一摇H5制作 55
4.3 课后习题——文化传媒行业刮刮乐H5制作 55
第5章 测试问答H5制作
5.1 课堂案例——IT互联网行业节日答题H5制作 57
5.1.1 项目策划 57
5.1.2 交互设计 57
5.1.3 视觉设计 57
5.1.4 制作发布 63
5.2 课堂练习——IT互联网行业脑力测试H5制作 64
5.3 课后习题——文化传媒行业知识分享H5制作 65
第6章 滑动翻页H5制作
6.1 课堂案例——文化传媒行业企业招聘H5制作 67
6.1.1 项目策划 67
6.1.2 交互设计 68
6.1.3 视觉设计 68
6.1.4 制作发布 83
6.2 课堂练习——汽车工业行业活动邀请H5制作 88
6.3 课后习题——教育咨询行业培训招生H5制作 89
第7章 长页滑动H5制作
7.1 课堂案例——食品餐饮行业产品介绍H5制作 91
7.1.1 项目策划 91
7.1.2 交互设计 91
7.1.3 视觉设计 91
7.1.4 制作发布 97
7.2 课堂练习——文化传媒行业活动邀请H5制作 102
7.3 课后习题——服装饰品行业产品营销H5制作 103
第8章 画中画H5制作
8.1 课堂案例——IT互联网行业活动邀请H5制作 105
8.1.1 项目策划 105
8.1.2 交互设计 105
8.1.3 视觉设计 106
8.1.4 制作发布 120
8.2 课堂练习——设计服务公司招聘H5制作 123
8.3 课后习题——食品餐饮行业产品营销H5制作 124
第9章 3D/全景H5制作
9.1 课堂案例——金融理财行业节日祝福H5制作 126
9.1.1 项目策划 126
9.1.2 交互设计 127
9.1.3 视觉设计 127
9.1.4 制作发布 138
9.2 课堂练习——电子商务行业活动促销H5制作 142
9.3 课后习题——家居装修行业产品推广H5制作 142
第 10章 视频动画H5制作
10.1 课堂案例——旅游出行行业活动推广H5制作 145
10.1.1 项目策划 145
10.1.2 交互设计 146
10.1.3 视觉设计 146
10.1.4 制作发布 162
10.2 课堂练习——文化传媒行业活动推广H5制作 169
10.3 课后习题——电子数码行业品牌推广H5制作 170