网易：网易考拉freestyle单曲首发

2017-09-01 H5案例分享 H5案例分享

案例：网易考拉freestyle单曲首发

出品：网易

亮点：

策划上，这款h5是网易公司为宣传网易考拉海购所打造的一款宣传h5。这款h5以“生活进化论”为主题，刚开始以网易老大丁磊微笑的手绘照片展现在用户的眼中，接着以动画和freestyle说唱的形式，分为四课讲述了马可波罗、爱迪生、时尚教主、埃及女王关于时尚购物的体验和心得，并且在每个人说唱中的最后内容中，都有着对网易考拉的宣传。
设计上，这款h5是一款手绘动画h5。在这款h5中，设计师将历史上广为人知的外国人物以手绘动画的形式展现在用户的眼前中，并且搭配上freestyle说唱的音乐风，让一款宣传h5成为一款很有观赏水准的艺术品。
体验上，进入第一组动画（第一课），根据提示箭头，向左滑动屏幕；进入第二组动画（第二课），向右滑动屏幕；进入第三组动画（第三课），滑动屏幕的标签；进入第四组动画（第四课），点击屏幕的心型图标。
技术上，动画采用图片序列阵的方式，依次播放，形成视频的感觉，但并不是使用video标签插入视频。

技术实现： Egret+jQuery+Canvas

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

识别图中二维码

网易考拉freestyle单曲首发-查阅二维码

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

标签