2017年度十大刷屏H5合集+120个精品H5案例免费送!

2017年已经过完了

回首这一年来的H5行业

也是出了不少刷屏案例的

今天为大家整理2017年

十大刷屏H5案例合集

快来看看哪些是你没看到的吧

 

最后文末还有福利哦


腾讯 :地球上最美的H5

腾讯:这可能是地球上最美的h5案例.jpg


3D展示+视频技术是这支H5技术上的亮点,但是要说这支H5能够刷屏,亮点可不仅仅在于此。就像这支H5的标题写的一样,这支真的可以说是地球上最美的H5了。

深色太空背景,背景中不停闪烁发光的星星,地球模型表面还浮着一层云,营造了一个非常美妙的太空场景,而用户可360度的拨动旋转欣赏地球之美,通过上下左右滑动来控制地球的转动。“地球”上设有5个触点,可以供用户点击欣赏各个景点,长按按钮时,圆圈会自动对准景点,屏幕上方出现经纬度坐标,画面会由一段过场动画,“到达”该景点,并以短视频的形式展示景点,松开按钮则返回主界面。

H5在视觉上,它的运动与地球的运动有视差效果,这让本身就很精致的画面,表现得更加细腻。转动时环境声音的播放和转换,画面表现很精美,设计的很精致。

 

 

腾讯:穿越未来来看你

腾讯:穿越未来来看你案例.jpg


这是腾讯和故宫博物院合作的又一大刷屏H5。去年一条《穿越故宫来看你》在朋友圈刷屏持续了好久,今年又推出的这支H5同样也是一经发布就收到广泛关注,起名为《穿越未来来看你》,延续之前的方向,同样很精彩。

《穿越未来来看你》再一次把传统中国风和未来科技感相结合,精美绝伦的视觉画面加上耳目一新的展现方式,比如让人可以用AR上帝视角鉴赏未来世界风土人情;以及突然闯入的异次元世界,例如让古人也能作为时空旅人在未来幻界里遨游等等这些神操作,都给人留下了深刻的印象,同时也在告诉人们,H5的展现方式其实有更多的可能性。

 

 

人民日报:穿上军装

军装照案例.jpg


这支H5到底有多火?上线4PV800000000!听说已经申报了吉尼斯纪录,这样思想高度与刷屏同时在线的作品从未遇见;直至现在热度仍在继续,网友和名人明星都纷纷制作自己的军装照。

节日热点+大流量渠道推广+强大技术是这次军装照H5刷屏的秘密武器!创意点:结合建军节热点让用户参与制作自己的军装照,整支H51927-201790年间的11个阶段22套军装照全部呈现出来,用户上传照片即可制作属于自己的军装照。

技术支持:腾讯天天P图提供图像处理支持。天天P图业内首创的人脸融合图像处理技术,能够将用户上传的照片与特定形象进行脸部层面融合,生成的图片效果既有用户的五官特点,也呈现出对应形象的外貌特征,做出了非常自然的图片融合效果还自带滤镜。

 

 

抖音:世界名画抖起来了

世界名画抖起来了案例.jpg


抖音这支H5的主要内容素材是视频,视频与视频之间的部分采用的是序列帧动画,4段内容开头的启示页的动态效果,都采用了序列帧动画的实现方式。视频类H5更突显了抖音短视频的特点,模拟用户玩抖音的场景,更好的体现出抖音短视频的魅力,新颖的动效让观者眼前一亮。视频类H5是近一年非常常见的一种,例如:穿越故宫来看你腾讯动漫薛之谦史上最疯狂的广告,这些都是视频类H5。因为视频创作空间更大,如果有强大的视觉创意的团队,那制作的H5就会有更多更大的可能性。

 


腾讯公益:小朋友的画

腾讯公益,小朋友的画.jpg


这支H5的主要功能利用图片动画加录音播放以及一些交互按钮就可以实现,并没有太复杂的程序。载入页面后看到的就是不同的“小朋友”的作品,作品下面是一段小音频,是作者本人录音,再下面是作者的介绍以及作品介绍。参与者看中的绘画作品直接购买就行,然后购买的绘画会保存到本地或者直接设置为屏保。购买完成后还有一个跳转链接,跳转到的是腾讯公益项目页面,也可以直接选择分享到朋友圈。

腾讯公益这支H5打破了人们传统意义上对做公益的理解,原来我花一块钱买一幅相当不错的绘画就是在做公益;这样人人都能参与的公益做起来原来是这么简单。最重要的是,这支H5带领人们了解了一群不一样的朋友,他们可能在很多人眼里是不一样的,是很难融入正常的生活的,但是背后又有着这样令人惊奇的天赋与能力,他们好像是孤独的,但是却拥有者比大多数常人更加有趣的灵魂。这种形式的公益H5激发了人们的爱心,在发布几个小时后就停止了参与,显示“该项目已筹满”,可见其热门程度有多高!

 

 

阿里:手机话剧团开张了

阿里 天猫:手机话剧团开张了案例.jpg


这支H5真的脑洞大开啊,整个页面画风也比较新奇,以话剧的形式,将身体的不同部分拟人化,通过讲述故事的方式,用幽默诙谐的语言表达出产品的各种亮点,耐人寻味。这支视频类H5刚上线就在广告圈火了,接着引发人们各种转发,一度刷屏。这支H5采取用视频内嵌的方式展现,话剧团的神秘感非常巧妙的把观看者引入其中,给用户营造一种代入感,加上逗趣的情节,魔性的表演,带给用户非常强烈的视觉冲击,所以说这种H5刷屏也不是没有道理的。

 


网易考拉:入职第一天,网易爸爸教我学做人


网易考拉入职第一天案例.jpg


这是网易考拉出品的一支宣传黑五活动的H5。切入点是以一个网易新入职的女员工的视角,讲述这位“小仙女”入职第一天发生的故事,进而宣传黑五活动。形式比较新颖,创意十足,尤其是里面小仙女的自白内容,真的是非常有趣。

技术上利用到的是视频技术,微信对话和各种表情包的动画效果为整支H5增色不少。讲述女主入职第一天接受总监工作安排,顶着巨大压力完成工作以及在这过程中遇到的各种趣事和产生的内心独白,真是非常有看点啊!

故事以女主第一人称代入,第一页画风还是那么美妙,进入视频部分后,除了展示工作中微信对接工作的画面,最精彩的部分应该要属于女主内心活动时搭配的表情包了,真的是丰富多彩。把一支广告融合在这样一支H5中,说实话小编还是比较喜欢看的!


网易:葫芦娃毁童年新番 

网易葫芦娃案例样式.jpg


这是网易为宣传倩女幽魂手游而打造的一支宣传类H5。整支H5可以说是魔性十足,采用葫芦娃和网易老大丁磊为两大主要人物元素,大开脑洞展开故事“葫芦娃大战丁三石”,两大重量IP的介入本身就让这支H5创意满满,再加上搞笑的故事情节和画风,让这支H5一时间火爆朋友圈。

技术上整支H5就是一段视频,只是在一些故事情节处添加了交互处理,让用户有参与感。通过葫芦娃兄弟和丁三石的一场大战,引出网易倩女幽魂手游的宣传,说实话,中间出现的网易旗下其他品牌的曝光真是嵌入的十分完美,不看到最后大宝还真的没看明白是倩女幽魂手游的广告。真是一部“合体”广告!这也一度引发热议,不管是好的坏的,总是网易H5又一次刷屏了!

 

 

阿里巴巴:双11“鬼故事” 


阿里巴巴鲁班设计师案例样式.jpg

这是阿里巴巴在双十一期间推出的一支宣传“人工智能设计师.鲁班”的H5。最大的亮点除了这个“将要取代美工”的消息之外,那就是这种类似于“快闪”和“打电话”的形式比较惊艳了。黑色背景加上文字动效就实现的对话场景,即使没有画面描述,也让用户脑补了该有的场景。风格有点类似几年前“倒鸭子”的搞笑画风!

技术上主要采用的是视频技术,但是特色之处应该属于视频里面的文字动画,用文字动画和不同的文字色彩形象表达打电话的场景,配上配音让画面更形象,即使没有出现人物也很好的为用户营造了一场打电话的戏码。加上搞笑的对话配音,为整支H5增趣不少。加上“设计师要被人工智能取代”的话题,一度成为热议,刷屏朋友圈!


支付宝:2017支付宝年账单


支付宝年度关键词案例.jpg


策划上,以2017支付宝年账单为核心,展示了用户2017年在支付宝的消费记录,通过数据展示用户喜欢购买物品的种类,经常在哪家点餐,手机充值了多少次,多少出行记录,多少支付宝线下支付记录,最常光顾的线下店,获得过多少次奖励金,信用记录,贡献了多少爱心,参加了多少公益项目,为碳排放减少多少克,全年总消费金额等。最后还会给出一个年度关键词。当看到我的关键词是“才华”的时候小编是非常认可的。这种盘点加年度关键词的H5很容易吸引用户参与,只是体验上需要通过支付宝打开!


文末彩蛋  


要想有一天自己也能制作出这样的刷屏H5

首先还是需要多看一些经典的H5案例

为了帮助小伙伴们更好的学习H5的制作

2017年创意汇写了超多热门H5分析

还收集了120个H5优秀案例

 今天要免费送给大家啦!



 点击免费领取

2017年120个热门H5案例


End

微信图片_20180119092103.jpg

我是汪小汪

更多创意H5解析

请关注H5创意汇

每周为你解析最热门H5案例



H5创意汇 尾部.png

人人秀原创文章,如若转载请注明出处:https://rrx.cn/content-cpcqpg