喜马拉雅：你好娃，我的英雄老爸

2018-06-19 H5案例分享 H5案例分享

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

识别图中二维码

你好娃，我的英雄老爸-查阅二维码

完整欣赏此案例大约需要30秒

案例：你好娃，我的英雄老爸

出品：喜马拉雅

亮点：

策划上，这则案例以我的英雄老爸为主题进行展开。将李连杰电影中的一个个父亲形象进行重新剪辑，勾画出一个父亲从年富力强到逐步年长的过程。但无论岁月如何在父亲身上留下痕迹，他在我们心中是永远的英雄。
技术上，采用 jQuery 操作 DOM，以翻页的形式进行页面的切换。
体验上，画面采用照片转漫画的风格进行呈现，截取李连杰电影中的经典画面。转换之后，有一种岁月如梭的沧桑感，也预示着父亲逐渐变老的过程。给用户一种十分真实的体验。画面配以十分走心的文案，将电影中的父亲和现实中自己的父亲联系起来，引发用户的共鸣。画面衔接时，翻页的效果非常抓人，给人很真是的感觉。

技术实现： jQuery + weui

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

标签