H5产品创意思维及设计方法

第1章 数字媒体艺术与HTML5技术的碰撞

1.1 科学、艺术与数字媒体艺术

1.2 HTML5技术

1.3 数字媒体中的H5产品

1.4 选择一个合适的工具来生产内容

作业要求

第2章 HTML5产品的设计思维以及流程

2.1 分析用户需求

2.2 设计一个生动的故事

2.3 整理思路，做好策划以及选择表现形式

2.4 产品原型、文案以及具体的分页设计

2.5 产品的技术实现

2.6 设计中需要注意的事项

作业要求

第3章 视觉、动效、交互、声音

3.1 H5产品视觉综合设计

3.2 版式、字体、配色的选择

3.3 H5的动效设计

3.4 动画与视频的融合

3.5 H5中音效的作用

作业要求

第4章 动画基础

4.1 构思以及设计

4.2 进入页面，新建作品

4.3 添加动画

4.4 添加交互

4.5 添加多媒体内容

4.6 完善与分享作品

作业要求

第5章 制作一个长图拖动介绍页

5.1 构思以及设计

5.2 添加素材

5.3 制作拖动动画

5.4 制作组内各元件动画

5.5 制作关联动画

5.6 制作弹窗

5.7 完善与分享作品

作业要求

第6章 H5产品发布

6.1 学生H5作品设计流程

6.2 H5产品数据分析

6.3 H5产品在教育领域发展趋势

作业要求