我是创益人 + 腾讯广告 + 腾讯基金会：敦煌数字修复

2019-12-08 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

敦煌数字修复-查阅二维码

完整欣赏此案例大约需要1分钟

案例：敦煌数字修复

品牌：我是创益人 + 腾讯广告 + 腾讯基金会

技术实现： vuejs + swiper

亮点：

1、创意定位

敦煌壁画的修复，讲解修复壁画需要几年，发起捐款。

2、策划上

通过视频的形式，讲述在于时间争夺壁画；而后出现选择你要修复的壁画，一共8张壁画，现在其中之一，点击“开始修复”按钮，后续每次点击，都是修复壁画的步骤，分别去除壁画表面灰尘、灌浆治理、上色修复残缺壁画、数字存档。当修复完毕后，可以收藏刚刚修复的壁画，也可以去为保护捐款。

3、设计上

真实的敦煌画面，修复前的壁画，每一步壁画的变化。

4、技术上

案例主要采用视频形式呈现，一共两段mp4格式的视频；开始的叙述为视频，后面修复的操作也是视频形式，等待用户交互时，暂停视频；用户点击后继续播放；这样分步骤的交互，比一起播放完毕视频，用户更了解修复壁画的步骤。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签