我爱模板网 > 建站教程 > CSS3+HTML5 >  2015年度最值得学习的10个H5案例正文

2015年度最值得学习的10个H5案例

H5案例 H5页面 杜蕾斯

导语

说实话,高逼格的H5都是广告商投了钱的。今天分享的十个案例权当H5赏析,不涉及打广告的说法。以下案例都很优秀,而且种类风格大都不同,插坐菌提前当了下体验者,给大家最真实的短评。


1、《杜蕾斯的第一座美术馆 移动网站》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:技术流派,插坐菌点进去有点眼花缭乱,全景三维空间,好似玩密室类游戏一样,一般智商还玩不开。配乐缥缈加上黑白线条的三维设计,艺术感也爆棚。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

2、《搞定丈母娘, 就看这一发》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:风格配色很特别,根据选项不同进而会有不同场景,最后还有评分。画面可爱,配乐轻松,整体流畅,文字也很有特点。年轻男人和丈母娘的关系在此也有体现。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

3、《一周年,带你探寻百度直达号的秘密花园》

推荐指数:★★★

H5案例 H5页面 杜蕾斯

推荐理由:《秘密花园》画册前阵子可谓是火的一塌糊涂,号称减压神器。此款H5就copy此创意通过涂抹屏幕达到绘制的效果,还是蛮漂亮的,但是绘制体验不够精细,且广告太粗暴。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

4、《这手机是谁的?打开看了一眼我疯了!》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:赢在了创意,而且也集中了当代人的生活痛点——被手机信息绑架。中间还调戏了下支付宝,蛮有意思,要知道这是某企鹅做的广告。有些遗憾是,H5整个流程较快,画面来不及看,但这也更加突出痛点。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

5、《时代姐妹花,邀你来撕逼!》

推荐指数:★★★★★

H5案例 H5页面 杜蕾斯

推荐理由:技术和剧情完美结合,这个H5刚出来的时候,插坐菌被惊呆了!嘴里只能说卧槽卧槽好牛逼。那个模拟聊天的好强大。后来每当提及H5经典案例的时候,我都忍不住拿来分享。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

6、《我们之间就一个字》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:短短几个字,让他们玩出了新高度,每一个字的动画效果都有深意,加上底部走心的旁白(长文案)。当真是高逼格。这也是W公司的经典作品之一。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

7、《一盘磁带Vol.01<黑豹>》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:这款作品几乎没有商业元素,录音机,旧磁带,经典老歌,摇滚时代,也许作者是想用黑豹来缅怀他自己的青春,不管怎样,寂静的深夜打开这个H5,听听歌曲,也是极好的。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

8、《首草先生的情书》

推荐指数:★★★★

H5案例 H5页面 杜蕾斯

推荐理由:没有夸张的技术,靠黑白风格和大段读白直抒胸臆,将一个男人的心路娓娓道来。男人讲情,静下心去看,你不会失望。这是W公司很推崇的一个作品,也表明他们明白了不能形式大于内容,反思之前过于炫技的路线。

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

9、《520诅咒恩爱狗 巫蛊甜品》

推荐指数:★★★

推荐理由:画风可爱,切入点也直接——材料搭配做美食,虽然做的是暗黑料理。体验中有两个点吸引我:摇手机搅拌食材(摇起来感觉真不错)、邪恶食材搭配(忍不住想试试各种搭配)

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品

10、《遛爹行动》

推荐指数:★★★★

推荐理由:对比以上案例,它是技术含量最低的,但是真的应了那句“大道至简”,文案简单,画风简单,交互简单,可就是这样一个简单投入的作品触动了你心底最柔软的地方。不说了,插坐菌要给家里打个电话了……

H5案例 H5页面 杜蕾斯

长按二维码,欣赏作品




部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:移动端H5页面的设计稿尺寸大小规范 下一篇:CSS实现漂亮的大标题文字效果
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢