滴滴出行:总有份爱 在前方等待

2017-12-15 H5案例分享 H5案例分享
滴滴出行:总有份爱 在前方等待


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

识别图中二维码

总有份爱 在前方等待-查阅二维码

完整欣赏此案例大约需要40秒


案例:总有份爱 在前方等待

出品:滴滴出行

亮点:

  1. 策划上,长图类,① 一个爱心随着加载的进度不断变换,loading完毕进入到长图页面,以一句走心的文案开篇:总有份爱,在前方等你。② 而后以场景化设计分别展现了一场爱恋、一道难题、一份心意、一种思念,四幅动态画面;③ 看了这些你是不是想快点回家呢?等等,先别急着赶回家,为了爱你的人,请系好安全带再出发。还可分享出去,来叮嘱你牵挂的TA哦。
  2. 设计上,手绘插画风格,采用蓝色和水红作为主色调,画面元素背景等仿佛是不同颜色的布,看起来好像是牛仔裤上的画面,很有质感,每幅场景里不断奔驰横穿的小汽车与滴滴出行暗暗呼应。
  3. 技术上,长图滑动效果用的是iScroll(移动端滚动插件),长图里的一幅幅动态场景是采用gif动图来实现的。



技术实现: Zepto + iScroll



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

标签

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

相关推荐:

滴滴:真的不用说谢谢

滴滴:头脑风暴中

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~