QQ腾讯 x QQ同步助手：选择吧，搬砖狗！

2017-07-04 H5案例分享 H5案例分享

案例：选择吧，搬砖狗！

出品：QQ腾讯 x QQ同步助手

亮点：

策划上，测试类案例。加载完成后进入案例，首页提出“这地儿你呆腻了吗？如果能重来你回去哪个城市搬砖呢？”点击“去测试”进行测试。画面从狗头人身的人物从天空落下开始，共5题，每一题都有两个答案，每一题都有自己相应的动画配图。末页会按照答题情况给出适合你的城市，点击“马上迁移”跳转QQ同步助手下载页面，点击“再测一回”重新测试，点击“寻找同伙”进行分享。下方还有小伙伴分布图。
设计上，案例颜色采用灰色调，没有强烈的冲击感，用色舒适。画风统一，偏写实。画面设计充分体现了设计师的绘画能力。
体验上，传统的点击交互方式，搞笑的画面，有趣的口哨背景音乐，让整个案例感觉十分轻松舒适。

技术实现： Canvas + JavaScript

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

识别图中二维码

选择吧，搬砖狗！-查阅二维码

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

标签