网易新闻：杀死真正的处女座

2017-11-08 H5案例分享 H5案例分享

案例：杀死真正的处女座

出品：网易新闻

亮点：

策划上，游戏类。这是一款由网易新闻为宣传本公司的品牌所打造的一款宣传h5。① 首屏，先是弹出一个框“终于下班了，好累啊。然而……”，紧接着连续弹出四条对话框，上面的文案内容都是对一些主人公小细节的挑剔活动，这时候弹出一把手枪“干掉他们”。② 接着，用户点击手枪进入游戏界面，界面中有着两个枪击靶子，每个靶子上面挂着为人熟知的人物浮夸头像，当用户左右移动屏幕即手枪对准一个靶子时，这个靶子上面的头像便会换成表情包，松开屏幕，便会给当前靶子致命一击。若靶子上的人物是处女座的枪击正确，不是处女座的枪击错误。③ 游戏结束后，会弹出一个链接框，上面显示着“你对处女座的了解程度”，点击进去后便会跳转到网易新闻的下载处，达到宣传的目的。
设计上，浮夸搞笑手绘风格。① 色彩的不规则的融合，不仅不觉得别扭，还使得页面中的头像形象别致一新。② 以深蓝色作为背景色，可以凸显局部色彩融合的内容，让人眼前一亮。
交互上，页面中靶子的左右切换需要用户通过手按屏幕进行左右移动控制。

技术实现： Egret(白鹭引擎) + jQuery

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

识别图中二维码

杀死真正的处女座-查阅二维码

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

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

标签