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

2018-04-24 H5案例分享 H5案例分享

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

识别图中二维码

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

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

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

出品：有道乐读

亮点：

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

技术实现： jquery， iscroll.js

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

标签