Baidu 百度：你懂我在说什么吗？

2017-02-16 H5案例分享 H5案例分享

案例：你懂我在说什么吗？

出品：Baidu 百度

亮点：

策划上，图文展示。载入完毕，画面是两只手，一只在给另外一只传递纸条，滑动屏幕合拢双手后，点击纸条便可打开。每查看一条便会收到新的小纸条。纸条内容是一道独特的谜题，点击“解题思路”便能解开。比如第一张是一团迷雾，或者说一些杂乱的线条，但当用户倾斜手机从下方网上看，或从左边看，就能看见真正的内容了。每张纸条都是不一样的形式。结尾给出情人节表白搜索的百度大数据，最后能跳转外链，或者写下自己的名字，把小纸条传给TA。

体验上，动画效果和交互都很丰富，可能是因为蛮有趣的，加上背景音乐很好听，并没有给人操作复杂的感觉，整体轻松愉快。但是小编觉得，“解题思路”这个设计应该出现在用户解不开谜题的时候，而不是作为用户进行下一步的唯一入口。不知道大家怎么看。

技术实现： TweenMax(动画框架) + jQuery

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

识别图中二维码

你懂我在说什么吗？-查阅二维码

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

标签