in：节气奇妙物语

2017-08-15 H5案例分享 H5案例分享

案例：节气奇妙物语

出品：in

亮点：

策划上，一镜到底+镜头平移的视觉形式，伴随长按交互和动画，来展现各节气，目前到立秋截止，未完待续。Loading完毕进入首屏，提示左滑开始启程，透过一团云雾到达一片山水，用户长按按钮就可以让船夫和小船在山水间穿行，同时在屏幕上会出现节气名及文案。结尾显示“节气物语，未完待续...”，点击“持续故事”来到活动页，原来是节气插画征集活动，用户可以上传作品参加评选。
设计上，手绘的画面，清新的画风，配合背景音乐，渲染了一种清新而又惬意的气氛。画面中的部分元素都是动态的，视觉表现很有活力。内容不多，但节气间的差异很大，让人不会产生视觉疲劳，同时又能对“持续故事”感兴趣。
体验上，虽然只是个节气的展示和插画的征集，但这支H5的画风和背景音乐，完全锁住了小五，原本聒噪的心情瞬间得以放松。对于不想体验动画的用户，也人性化地设置了“跳过动画”按钮，可以直接进入征集活动页面。

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

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

识别图中二维码

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

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

标签