亿众互动:凶手

2020-08-04 H5案例分享 H5案例分享
亿众互动:凶手


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

识别图中二维码

凶手-查阅二维码

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


案例:凶手

品牌:亿众互动

技术实现: HTML5

制作:亿众互动

亮点:

1、创意定位:

 

匿名的网络空间,自由的言论环境,让人们可以在网络上畅所欲言,但同时“黑暗”也在肆意滋长。“恶魔”们把键盘变成了随意伤人的武器,犯下了一次次名为“网络暴力”的恶行。将他人逼入绝境的“凶手”安然地躲在网线的另一端疯狂敲击键盘,即使毁掉了别人的生活,也不会认为自己有错,甚至会窃喜、自得,然后吹吹键盘上的灰尘,继续寻找下一个目标。

 

这支公益H5以“抵制网络暴力”为主题,通过讲述一个女孩被杀手追击、杀害,最后揭露“杀手”们的背后其实是在网络上发布恶毒语言、攻击性评论的键盘侠的故事,揭示网络暴力这种无形伤害的严重性,呼吁人们共同抵制网络暴力,共建网络文明。

 

2、策划上:

 

①加载完毕自动进入首页;

②长按播放动画:一个女孩儿被机器人杀手们一路追击,女孩儿疯狂逃命,但最终仍是倒在杀手刀下。她为何成为被追杀目标?他们到底是谁?顺着机器人杀手身上延伸的线,最终真相被揭露:原来,键盘侠才是幕后凶手。

③动画结尾页,点击按钮可生成海报。

 

3、设计上:

 

①写实漫画风,色调以深色为主,营造黑暗压抑的氛围;

②两套海报,皆以键盘为主要元素,“键盘枪”、“键盘刀”寓意深刻,与主题呼应。

 

4、体验上:

 

①动画部分,场景画面冲击力强,节奏配合背景音乐的转换快慢适宜、张弛有度。动画结尾点题,发人深省。

②点击与长按的手势,操作简单,体验流畅。





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

标签

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

相关推荐:

北京现代:我可能是个”假的“年轻人

搜狗输入法:90后小学课本插图动动动起来了

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~