滴滴出行&滴滴顺风车:网红贴纸生成器

2017-05-11 H5案例分享 H5案例分享
滴滴出行&滴滴顺风车:网红贴纸生成器

案例:网红贴纸生成器

出品:滴滴出行&滴滴顺风车

亮点:

  1. 策划上,生成图片类;① 操作简单,点击“生成我的专属贴纸”,选择音乐风格,如小清新、新浪潮、口水歌等,生成贴纸;② 在生成过程中,会介绍一些音乐小知识;③ 贴纸生成后,可以长按保存,也可点击领取实物。
  2. 设计上,采用黑白作为主色调,手绘风格,线条有些粗粗的,又做了一些动效处理,整体看起来有种电视机图像模糊的画面质感。
  3. 技术上,里面的动画大多采用的是GIF动图,少部分采用的是CSS3的animation。
  4. 传播上,滴滴顺风车借助草莓音乐节的火热气氛,赠送用户实用性高的贴纸,不仅博得用户好感,也顺便宣传滴滴顺风车。



技术实现: jQuery + CreateJS


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

识别图中二维码

网红贴纸生成器-查阅二维码




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

标签

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

相关推荐:

滴滴出行:Di-Tech编译器

优酷:新优酷 | 改变正在发生

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~