百度：这家博物馆不太“正经”

2018-05-18 H5案例分享 H5案例分享

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

识别图中二维码

这家博物馆不太“正经”-查阅二维码

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

案例：这家博物馆不太“正经”

出品：百度

亮点：

策划上，长图类。首先欢迎来到AI博物馆奇幻之旅，点击打开大门，首先看到的是战袍武士俑，向左滑动，接着出现的是秦始皇帝陵博物馆，继续向左滑动，出现的是南京博物馆东汉错银铜牛，继续向左滑动，看到的是中国国家博物馆收藏的唐三彩陶三花马，点击此马，马会前身上扬，继续向左滑动，出现的是苏州博物馆，收藏的是广窑褐彩魁星像，点击会送你满满一斗好运气，接着是上海市历史博物馆，会看到汇丰银行铜狮，最后会显示你是第几个国宝唤醒人，可以分享小伙伴或者去看AI大片，右下方则是百度的logo，引人注目。
设计上，画面简洁，内容简单。
交互上，点击和滑动。

体验上，刚进入的时候云彩的散开会让人有眼前一亮的感觉，接着各种藏品的动画与声音也很吸引用户，最后还可以分享小伙伴，是个不错的案例。

技术实现： JavaScript zepto.js

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

标签