百度：跨三个时代的唤醒之旅

2017-10-20 H5案例分享 H5案例分享

案例：跨三个时代的唤醒之旅

出品：百度

亮点：

策划上，视频类案例。以屏幕蓝屏输入代码的方式加载，随后点击“开始穿越”。从电脑屏幕中出来，看到的是80年代大头电脑，那时的高科技是高科技人才才能懂得,还没有普及到社会，联系只能用大哥大;画面转换到2010年,全球1/3人都在用触屏手机，这时更多的人能参与，划过不同屏幕，设备也在不断更新，画面中出现老人和小孩子，讲述不是所有人都能轻易使用的;画面再次转换，进入语音时代，此时的高科技人人都能驾驭，只需要说句话就可以了，随后到达落地页露出案例主题内容，点击“唤醒万物”跳转DuerOS平台，点击“召唤朋友”进行分享。
设计上，手绘漫画展示方式。画面人物刻画细腻，绘制十分优秀，体现设计师优秀的手绘功底。颜色上来讲，以三大色调为主，逐步转变，让人从80年代到2010年到语音时代，给读者时代逐步更替的感觉，很是舒服自然。
体验上，点击过后一播到底，画中画的形式展现，有一种回顾过去的感觉。

技术实现： jQuery + Video （视频）

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

识别图中二维码

跨三个时代的唤醒之旅-查阅二维码

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

标签