爱慕先生：《超人归来：远古记忆》

2016-06-14 H5案例分享 H5案例分享

案例：《超人归来：远古记忆》

出品：爱慕先生

亮点：

策划上，图文展示类。每页一张动态的手绘画风的图和动态出现的文字，配以真人配音，展示了“爸爸”这位超人角色，而最后引入产品“爱慕先生父亲节礼盒”。
设计上，大背景为带有回忆气氛的秋黄色，人物是披着红色披风的父亲，背景让红披风十分鲜明。每页循序渐进，节奏舒畅。图片效果缓慢放大，文字陆续淡入，配上真人第一人称的配音，以我的角度看父亲慢慢变老的过程，结合“超人“的主题，整体效果非常戳人泪点。
交互上，用户上下滑动屏幕进行翻页。

技术实现： jQuery + CSS3(Animation)

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

识别图中二维码

《超人归来：远古记忆》-查阅二维码

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

标签