第1章 数字媒体艺术与HTML5技术的碰撞 1
1.1 科学、艺术与数字媒体艺术 3
1.2 HTML5技术 7
1.3 数字媒体中的H5产品 10
1.4 选择一个合适的工具来生产内容 20
作业要求 24
第2章 HTML5产品的设计思维以及流程 25
2.1 分析用户需求 27
2.2 设计一个生动的故事 30
2.3 整理思路，做好策划以及选择表现形式 33
2.4 产品原型、文案以及具体的分页设计 42
2.5 产品的技术实现 52
2.6 设计中需要注意的事项 57
作业要求 62
第3章 视觉、动效、交互、声音 63
3.1 H5产品视觉综合设计 65
3.2 版式、字体、配色的选择 75
3.3 H5的动效设计 85
3.4 动画与视频的融合 92
3.5 H5中音效的作用 98
作业要求 101
第4章 动画基础 103
4.1 构思以及设计 105
4.2 进入页面，新建作品 106
4.3 添加动画 108
4.4 添加交互 125
4.5 添加多媒体内容 137
4.6 完善与分享作品 170
作业要求 173
第5章 制作一个长图拖动介绍页 175
5.1 构思以及设计 177
5.2 添加素材 178
5.3 制作拖动动画 183
5.4 制作组内各元件动画 187
5.5 制作关联动画 192
5.6 制作弹窗 197
5.7 完善与分享作品 211
作业要求 216
第6章 H5产品发布 217
6.1 学生H5作品设计流程 219
6.2 H5产品数据分析 225
6.3 H5产品在教育领域发展趋势 229
作业要求 232