京东：2017京东文学奖

2017-06-02 H5案例分享 H5案例分享

案例：2017京东文学奖

出品：京东

制作：本邦科技

亮点：

策划上，逐帧动画案例。加载完成后点击中世纪古典书架进入案例，跟随羽毛和京东快递员穿越一个一个故事，有《罗密欧与朱丽叶》《名侦探福尔摩斯》《小红帽》《神雕侠侣》《哈利波特》等等，你能说出所有故事的名字么？同时揭示京东快递员上天下地入海，没有他不能到达的地方。最后书本合起露出京东logo，随后书本渐渐消失，露出案例主题与推广内容，点击“围观直播”跳转京东文学奖页面，点击“告诉小伙伴”可以分享给好友。
设计上，画面首屏设计为中世纪古典书架开始，进入书架后方门后，则转换为矢量插画风格，仿佛步入了一个童话世界。画面用色统一，没有使用高亮度纯色颜色，而是运用更有韵味的灰色调。
体验上，点击过后一播到底的播放形式。案例采用逐帧动画的形式播放，毫无卡顿现象。

技术实现： jQuery

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

识别图中二维码

2017京东文学奖-查阅二维码

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

标签