in:节气奇妙物语

2017-08-15 H5案例分享 H5案例分享
in:节气奇妙物语

案例:节气奇妙物语

出品:in

亮点:

  1. 策划上,一镜到底+镜头平移的视觉形式,伴随长按交互和动画,来展现各节气,目前到立秋截止,未完待续。Loading完毕进入首屏,提示左滑开始启程,透过一团云雾到达一片山水,用户长按按钮就可以让船夫和小船在山水间穿行,同时在屏幕上会出现节气名及文案。结尾显示“节气物语,未完待续...”,点击“持续故事”来到活动页,原来是节气插画征集活动,用户可以上传作品参加评选。

     
  2. 设计上,手绘的画面,清新的画风,配合背景音乐,渲染了一种清新而又惬意的气氛。画面中的部分元素都是动态的,视觉表现很有活力。内容不多,但节气间的差异很大,让人不会产生视觉疲劳,同时又能对“持续故事”感兴趣。

     

  3. 体验上,虽然只是个节气的展示和插画的征集,但这支H5的画风和背景音乐,完全锁住了小五,原本聒噪的心情瞬间得以放松。对于不想体验动画的用户,也人性化地设置了“跳过动画”按钮,可以直接进入征集活动页面。



技术实现: Egret(白鹭引擎)



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

识别图中二维码

节气奇妙物语-查阅二维码




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

标签

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

相关推荐:

腾讯:穿越火线,够真才出涩

腾讯视频: 卖火柴的小女孩

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~