联合国环境署 X DIVER：觉醒吧，拯救海洋的力量

2017-11-01 H5案例分享 H5案例分享

案例：觉醒吧，拯救海洋的力量

出品：联合国环境署 X DIVER

亮点：

策划上，图文展示类+音频介绍类。这是一款由联合国环境署和DIVER所打造的一款公益h5。①第一阶段，黑色渲染的画面映入用户的眼前，一个巨大的漏斗矗立在屏幕中，漏斗的上方是现代文明发达的城市，城市所排放的废弃物一点一滴如流沙般滑了下去，而目的地即漏斗的下方是黑色、无生气的海洋，海洋种族死亡殆尽，漂浮在海面上，惨不忍睹。漏斗的下方是一个音频按钮和解释文案。②第二阶段，漏斗翻转，废弃的海洋在漏斗上方，现代文明城市处于漏斗下方，人类所造就的恶果反作用于人类。③第三阶段，用户按轨迹滑动，画面翻转，漏斗翻转，引入眼前的是一片蓝色的画面，漏斗上方的人类城市与海洋都呈现生机与活力，其最主要的一点便是漏斗上下之间没有流转点。④第四阶段，是几幅承诺海报的展示。⑤ 第五阶段，用户可选择上传自己的照片，生成专属于用户的承诺海报。
设计上，走心插画风格。以黑色和蓝色，这两主色彩基调之间的转换，使得污染前与污染后对比力度加大，更加的刺激用户的视觉感受。
体验上，黑色污染海洋与蓝色纯净海洋之间鲜明的对比，深深地刺激着用户的视觉感受。

技术实现：用Epub360工具制作

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

识别图中二维码

觉醒吧，拯救海洋的力量-查阅二维码

完整欣赏此案例大约需要2分10秒

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

标签