联合国环境署 X DIVER:觉醒吧,拯救海洋的力量
![联合国环境署 X DIVER:觉醒吧,拯救海洋的力量](https://niu.h5anli.com/Uploads3/201711/150951576350677.jpg)
案例:觉醒吧,拯救海洋的力量
出品:联合国环境署 X DIVER
亮点:
- 策划上,图文展示类+音频介绍类。这是一款由联合国环境署和DIVER所打造的一款公益h5。①第一阶段,黑色渲染的画面映入用户的眼前,一个巨大的漏斗矗立在屏幕中,漏斗的上方是现代文明发达的城市,城市所排放的废弃物一点一滴如流沙般滑了下去,而目的地即漏斗的下方是黑色、无生气的海洋,海洋种族死亡殆尽,漂浮在海面上,惨不忍睹。漏斗的下方是一个音频按钮和解释文案。②第二阶段,漏斗翻转,废弃的海洋在漏斗上方,现代文明城市处于漏斗下方,人类所造就的恶果反作用于人类。③第三阶段,用户按轨迹滑动,画面翻转,漏斗翻转,引入眼前的是一片蓝色的画面,漏斗上方的人类城市与海洋都呈现生机与活力,其最主要的一点便是漏斗上下之间没有流转点。④第四阶段,是几幅承诺海报的展示。⑤ 第五阶段,用户可选择上传自己的照片,生成专属于用户的承诺海报。
- 设计上,走心插画风格。以黑色和蓝色,这两主色彩基调之间的转换,使得污染前与污染后对比力度加大,更加的刺激用户的视觉感受。
- 体验上,黑色污染海洋与蓝色纯净海洋之间鲜明的对比,深深地刺激着用户的视觉感受。
技术实现: 用Epub360工具制作
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分10秒
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
![](https://niu.h5anli.com/images/qrs.jpg)
微信扫一扫
关注该公众号