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

2017-11-08 H5案例分享 H5案例分享
网易新闻:杀死真正的处女座

案例:杀死真正的处女座

出品:网易新闻

亮点:

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



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



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

识别图中二维码

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

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



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易新闻:这个镇魂街freestyle我觉得可以

网易新闻:开颅计划

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~