有道乐读:别人不知道,这是你与书的前半生

2018-04-24 H5案例分享 H5案例分享
有道乐读:别人不知道,这是你与书的前半生


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

识别图中二维码

别人不知道,这是你与书的前半生-查阅二维码

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


案例:别人不知道,这是你与书的前半生

出品:有道乐读

亮点:

  1. 策划上,加载界面,是日历年份的倒数,直到回到了1970年;之后首页点击下方的解锁回忆,选择一张竖拍的正脸照,之后进入回忆;之后按照提示滑动屏幕观看整个长图,长图的剧情是从小意外的接触到了课外书,之后就和书结下了不解之缘,从童年到青春期,从大学到就业,从结婚到成为母亲;画面的尾部是分享界面,点击我要看书会跳入到最后的界面,小书迷乐读时光,在这个界面里点击穿越会回答长图的开头,点击亲自阅读大咖说,会跳入引导界面。
  2. 设计上,简笔画风格,一个人从小到大不同时期的关于书的回忆;色彩饱满,人物刻画细致,展现了不一样的情感。
  3. 体验上,最开始需要上传一张自己的竖拍照片,作为长图里人物的脸,使得整个画面更加接近自己的经历,能打动人心;滑动观看长图;漫画的方式展现,使回忆变得轻松柔软。



技术实现: jquery, iscroll.js



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

标签

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

相关推荐:

网易&&有道:后厂村日常

网易新闻:你的IQ还好吗?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~