H5页面设计与制作（全彩慕课版）

本书全面系统地介绍了H5技术的相关知识点和基本制作方法，包括H5初识、H5的设计与制作、互动游戏H5制作、活动抽奖H5制作、测试问答H5制作、滑动翻页H5制作、长页滑动H5制作、画中画H5制作、3D/全景H5制作以及视频动画H5制作等内容。案例涉及易企秀、凡科、iH5等主流平台与Photoshop软件的综合应用。 全书内容介绍均以课堂案例为主线，每个案例都有详细的操作步骤及实际应用环境展示，学生通过实际操作可以快速熟悉H5技术并领会设计思路。每章的软件功能解析部分使学生能够深入学习H5相关的软件功能和特色。主要章节的*后还安排了课堂练习和课后习题，可以拓展学生对H5设计的实际应用能力。

新架构互联网设计教育研究院由*商业设计师和院校资深教授创立。立足数字艺术教育16年，出版图书270余种，畅销370万册，《中文版Photoshop基础培训教程》销量超30万册，海量专业案例、丰富配套资源、行业操作技巧、核心内容把握、细腻学习安排，为学习者提供足量的知识、实用的方法、有价值的经验，助力设计师不断成长。为教师提供课程标准、授课计划、教案、PPT、案例、视频、题库、实训项目等一站式教学解决方案。

第 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

易企秀、凡科、iH5等主流平台与Photoshop软件综合应用 用免费功能做专业设计 使用本书，3步学会H5设计与制作： Step1 精选基础知识，快速了解H5设计 Step2 知识点解析 课堂案例，熟悉设计思路，掌握制作方法 Step3 课堂练习 课后习题，拓展应用能力 配套资源：慕课视频、所有案例的素材及*终效果文件、PPT课件、教学大纲、教学教案