神州专车 × 中信出版集团：当你忘记阅读，会遗落多少精彩？

2018-12-11 H5案例分享 H5案例分享

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

识别图中二维码

当你忘记阅读，会遗落多少精彩？-查阅二维码

完整欣赏此案例大约需要1分54秒

案例：当你忘记阅读，会遗落多少精彩？

出品：神州专车 × 中信出版集团

亮点：

策划上，当你忘记阅读时，你错过的不只是一本书...你在通勤路上奔波时，错过了蝴蝶闪动翅膀带来的那抹夏风。你机械着敲击键盘时，错过了恒星陨碎百万年后，才穿越到地球的光芒；你深夜带着焦虑入睡时，错过了凌晨四点三十分，略过喜马拉雅的第一缕阳光。你沉浸在虚拟世界中时，错过了城市暗淡的楼宇间，那道隐秘却耀眼的彩虹；你面对工作无所适从时，错过了深埋在琐碎事物里，那把让你沉浸其中的钥匙。你沉浸在虚拟世界中时，错过了城市暗淡的楼宇间，那道隐秘却耀眼的彩虹；H5的最后会为每个用户生成来自圣贤的阅读箴言，文字的光影动画缓缓推进，如同真实生活中行车时路过的光源影射的角度变换。
设计上，光影质感与文字投影的动画，淡雅文艺的简画风来给用户沉浸式的体验，一字一句温和却又有力的文案再次让用户感受阅读的魅力。。
交互上，长按屏幕文字翻动滚动
体验上，时刻不要忘记阅读，忘记阅读错过的不止是一本书。

技术实现： Jquery preloadjs hammer

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

标签