滴滴：滴滴快车趣生活指南

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

案例：滴滴快车趣生活指南

出品：滴滴

亮点：

策划上，动画类，动画的自动播放形式，内容上反射着现代人真实的内心世界，日复一日的生活，在单元格中建造着自己的梦，假装孤单是一种享受，字字戳心却又那么真实;不过为什么不试着去改变呢，在黑白界面中那一抹抹紫粉绿是那么的鲜亮，滑动选择你的城市，点击确认后查看欢乐攻略,别忘了叫滴滴载着你去快乐的彼岸。
设计上，动漫风格，前半部分整体色调偏暗，采用黑色作为背景色，反衬出人们内心世界的孤独无聊；后半部分色彩偏鲜亮，衬托出被拯救后的愉悦快乐。
技术上，整体动画主要是采用Canvas + CreateJs来实现的。

技术实现： Zepto + Canvas + CreateJs

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

识别图中二维码

滴滴快车趣生活指南-查阅二维码

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

标签