- 登录
- 注册
网易新闻&哒哒 爱的不同定义
开篇先说网易,网易这几年出的的H5总能给人一种精致和惊喜的感觉,比如去年刷屏朋友圈的《请选出你的2016年关键词》《二零一六娱乐圈画传》等等。其画质、音乐、交互都让人耳目一新,而这款《爱的不同定义》又是一款精心之作。
地址:http://www.199case.com/caseview.aspx?id=1437
1、内容:这是一只图文游戏类型的H5,首页就给出了游戏规则,通过任意连接5点回执内心深处的“爱之密语”,五点连接绘制出一副简笔画,并且配有暖心的文字。
2、亮点:简笔线条和红黑颜色的搭配,使整个画面显得简洁明了。
3、体验:5点连接出一幅简笔画并配有相应文字,这本身就很有吸引力,再加上有多种可能,这就提升了用户的参与度。
如果明白了爱为何物,是不是可以以字造句,说一两句情话啊。滴滴这次运用了当下流行的中国诗词的画风,选一句情话表达爱。文艺感扑面而来~
"晓看天色暮看去,行也思君,坐也思君“
“听到一些事,明明不相干的,也会在心中拐好几个弯想到你”
"你是爱,是暖,是希望,你是人间的四月天”
不得不说,这些句子读起来真是沁人心脾。春天的桃花鸳鸯图案、宣纸竖排文字的设计又显得典雅清新,如果你喜欢的TA也喜爱这种风格,那会是一个不错的选择。这个H5的出口是领取并发送情话红包,也就是领取滴滴的出行红包同时把情话发给好友。不过按笔者说,这滴滴年年的红包都是出行优惠券,敢不敢来点真的!
地址:http://www.199case.com/caseview.aspx?id=3744
你们这既是诗词歌赋的,又是各种爱心图案,放过我们吧,不要再来虐狗了!汪汪汪,狗粮生成器,干了这碗狗粮!
1、内容:这是一只图文展示类型的H5,首页就给出了H5的主题——狗粮生成器,点击生成狗粮会生成配有相应文字和团的狗粮,可以点击重新生成进行再次体验,也可以点击作为礼物送给TA进行分享。
2、亮点:画风和漫画人物的设计使这只H5充满魔性。
3、体验:体验过程非常短但是却刺痛我等单身狗的心,生成的狗粮也是够污够黄的。
地址:http://www.199case.com/caseview.aspx?id=1434
1、内容:这只H5以图文的形式展开,首页是一张递纸条的手和手纸条的手构成,划动合拢双手,进入下一屏,点击下方打开纸条查看内容,每个纸条下方都会给出解题思路,点击即可查看,查看完以后会收到新的纸条,所有纸条观看完以后,来到最后一屏,这一页面的文字说出了此次活动的主办方——百度搜索,用人工智能助攻表白,页面下方有两个按钮,点击“用脸撩开启桃花运”进入百度活动页面,点击“把小纸条传递个TA”进行分享。
2、亮点:手绘插画、经典表白案例、背景音乐、动画设计,生动形象的展现了H5的主题。
3、体验:引用经典表白案例,使整个观看体验的过程充满趣味性。
地址:http://www.199case.com/caseview.aspx?id=1333
1、内容:画面的一开始是分开两种的对战模式,蓝色这边是“拆散那些小情侣”,粉红色那边是“虐死那些单身狗”一蓝一粉形成对比。两种任意点开一种就会进入到相关的对战模式,点击继续再到开始,在10秒内点击画面上的情侣,结束后可看到自己相应的分数。
2、亮点:画面采用淡蓝色与粉红色作为背景,清新淡雅,人物也很可爱,游戏的内容很能体现出人们在情人节那天单身狗与情侣之间的CP。
3、体验:一进入到H5就能听到激动可爱的背景音乐,带动了整个游戏的氛围。
地址:http://www.199case.com/caseview.aspx?id=671
写在最后
总结以上H5,我们可以得到一些规律性的h5设计方案
1)探究主题的来源、历史、发掘一些有趣的故事或者用有趣新颖的元素搭配主题,比如,网易的“爱的不同定义”
2)结合物质激励或者精神激励思考H5的传播和呈现形式,比如,滴滴的“情话红包发给TA”
3)从主题反面着手,思考差异化表达,比如“情人节狗粮生成器”
4)找到主题的共鸣点,利用回忆、畅享未来等形式情感化抒发主旨,比如百度的“同学,有人塞给你一张小纸条”
5)综合主题的多面性,通过话题分歧引出多方的讨论PK。
作者:staryan先生
案例整理:www.199case.com