百度新闻：《诺曼底词典》_百度新闻特别策划

2016-02-19 H5案例分享 H5案例分享

案例：《诺曼底词典》_百度新闻特别策划

出品：Baidu 百度

亮点：

策划上，为纪念诺曼底登陆70周年，How Studio协助百度新闻特别策划制作『诺曼底词典』专题页面，该站利用重力感应来实现视差交错，营造海上漂浮感；并且针对PC端与移动端做不同的细致优化，出色的视觉呈现以及顺畅的交互体验让其有着浓烈的带入氛围与浑厚的史诗感
设计上，采用灰黑色作为主色调，有一种历史的沉重感
技术上，每屏晃动手机，实现视差交错，采用的是html5的重力感应

技术实现： jQuery

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

识别图中二维码

《诺曼底词典》_百度新闻特别策划-查阅二维码

《诺曼底词典》_百度新闻特别策划

关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~

阅读原文

微信扫一扫
关注该公众号

微信极速登录/注册