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

2017-11-01 H5案例分享 H5案例分享
联合国环境署 X DIVER:觉醒吧,拯救海洋的力量

案例:觉醒吧,拯救海洋的力量

出品:联合国环境署 X DIVER

亮点:

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



技术实现: 用Epub360工具制作



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

识别图中二维码

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

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



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

欧普商照:点亮计划

腾讯公益:进击的草族

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~