网易新闻：开颅计划

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

案例：开颅计划

出品：网易新闻

亮点：

策划上，图文展示类的h5。这是由网易新闻为宣传“开颅计划”所打造的一款宣传h5。① 人脑、诡异的小人、刺激的文案，首屏以一种夸张脑洞大开的风格展现在用户的眼前，吸引用户的注意力。② 随着页面滑动，用户进入到作品展示版块，用户可通过点击自己感兴趣的作品去进一步的了解，也可点击更多选项跳转到详细的宣传页面上进一步的欣赏。③ 紧接着是活动介绍版块，在这个版块中，通过评委介绍和竞赛规则，让用户进一步的了解此活动，吸引更多的用户前来参与此活动。
设计上，夸张的脑洞风格。① 蓝色、紫色、红色之间的不规则搭配，给予用户很刺激的视觉冲击。② 以蓝色为背景色，以白色为文案和弹出框的色调，蓝白之间相互搭配，有着很好的凸显效果。
技术上，首屏页面动画特效实现采用了CSS3中的Animation和Transform技术相结合的方式进行实现。

技术实现： JavaScript

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

识别图中二维码

开颅计划-查阅二维码

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

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

标签