京东×Hello Kitty：发现暗藏の心理色

2018-12-25 H5案例分享 H5案例分享

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

识别图中二维码

发现暗藏の心理色-查阅二维码

完整欣赏此案例大约需要1分17秒

案例：发现暗藏の心理色

出品：京东×Hello Kitty

亮点：

策划上，①首先这是京东与Hello Kitty推荐的一款答题测试类的H5，②首先是显示总会给你逃不脱的种种让梦境反而真实，投射出心的颜色，进入下一屏，发现心理色，点击开始测试，③一共九道题，会从里面随机挑选七道题用来测试，第一道题是Joy在雪山前观望的原因；第二道题是Kitty为什么站在城堡上；第三道题是Kitty要通往哪里；第四道题是他们看到了什么；第五道题是Kitty和妹妹在做什么；第六道题是Kitty为什么来到湖边；第七道题是Joy为什么拿着礼物；第八道题是Kitty看到了什么；第九道题是Kitty在树林里徘徊什么。④最后写上名字，点击揭晓测试结果，会生成一张关于你的内心颜色的色系。
设计上，采用的是卡通漫画手绘方式，颜色丰富多彩。
体验上，视觉上颜色丰富，很亮眼，每张图的背景都跟图片的颜色相互搭调，让人很舒服。

技术实现： canvas

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

标签