#周末一起来看H5#近段时间精品H5页面回顾,总有一个合你心意!

#周末一起来看H5#吊炸天的H5页面集锦
申明:本文为纯手动收集,无码无广告。所收集H5页面只做设计推广,其中任何广告与本文中心思想无关。如需转载,请附上作者ID:@你丫才美工,以及文章末尾处二维码图片
合作请邮件:nycmg@qq.com
#周末一起来看H5#将为成为每周固定的栏目,周末的时候会将近期所收集的优秀H5案例整合成合集发出来,每期7-10个。如果有推荐或是自荐,欢迎直接回复本账号,或是在微博@你丫才美工 。优秀的作品,值得留存下来,也值得传播出去!大家一起来收集吧!
(最后附录了H5的制作工具的推荐,学会上手之后就算没有程序员小伙伴,你也可以制作自己的H5拉!)
本周推荐(排名无先后顺序,随机排序,就是辣么任性!)
1青春是什么颜色?
推荐原因:这几年“青春”这个词都快被电影界玩烂了,充斥着各种爱恨情仇,最后还免不了要来一场轰轰烈烈的堕胎,轰轰烈烈的告别。推荐这个H5页面,是用来给大家洗洗眼睛,要明白青春可不是像三俗电影一样只有灰色代言。我们的青春应该是五彩斑斓的。
关键词:简单、文艺范、音效舒适、分享到朋友圈显得又低调又有逼格!

2无聊最虐
推荐原因:重口味H5页面一枚,为什么说重口味呢,就是从整个设计风格到字体样式再到配音。都会给人一种:诶哟,这是什么鬼!特别是看到便秘的那一段的时候,配音真是绝了!对,本工就是故意把这个跟刚刚的小清新放在一起的!配合起来欣赏,那酸爽,真到位!美中不足的是作为一个以展示、阅读为主要功能的页面,它的字排版的也太难认了吧!出字的动画速度也有点慢,看着好累……
关键词:虐、重口味、不一样的大脑回路

3消失的劳动工具
推荐原因:一看名字就知道是为了五一劳动节所推出的专题。形式做成了毛泽东语录一般的手账本的样式,加上里面每一个劳动工具都是手绘完成,在制作上算的上市良心之作!
关键词:手绘、复古、制作精良
4说!到底招不招?!
推荐理由:招人的H5页面能做的这么惊天地泣鬼神,也算是用心良苦了。采用严刑逼供的玩法,吸引人深度互动(人之初性本恶嘛)。游戏风格的页面,忍不住让人想要多玩几遍。音效也是配的用心良苦。唯一想说的是:下次多出几个刑具行不行?
关键词:招聘、游戏UI、SM倾向
5这个陌生来电你敢接吗?
推荐理由:换个角度去推广,拟真了我们常见的通话场景,让用户产生好奇心驱动进一步操作。虽然只是推广一部电影(啊,剧透了!),但在悬念营造上也是下足功夫了。不过,有跟运营的朋友聊过,他们觉得形式大于内容了。这个就见仁见智了,我们今天只看设计就好。
(题外话:初看到这个页面的时候,思考到一个问题:越来越多的手机H5网页在我们的朋友圈传播着,制作者在设计以及页面功能上也享受着充分的自由。这种自由同时也带来安全的隐患,就好像过年那阵子会有很多商家拟真微信红包页面,用来吸引用户参加活动。特别是我们父母那一辈的大龄网络用户,有时候很难分辨真假。建议真爱粉们给自己的父母做好网络安全的知识储备,以免出现不必要的损失。)关键词:拟真场景、悬念、神秘感。

6如果我不吃掉你
推荐理由:简笔画风格,整个动画非常流畅。从人类的起源讲到食物链中的弱肉强食,总是就是逃不开一个吃字!吃吃吃!整个H5的配乐充斥着食物嘎嘣嘎嘣脆的感觉!最值得推崇的地方就是作为展示类的H5,它没有太多需要交互操作的地方,让你跟着主线走看完整个动画就OK了,实在很适合懒人用户,比如本工…
关键词:简笔画、动画展示、无交互、吃吃吃
7什么叫热爱?据说就这8个字
推荐理由:文艺范,每一页都是一副插画。图形与字体的结合实在是很美妙,不再限于字形上的变化,更多的你可以看到文字在材质以及整体造型上都十分考究。转场效果十分简单,除了绘制以外,其他的制作陈本应该不高。但最终呈现的效果还是十分不错的。
关键词:字体图形化、插画风格
本期的7个案例已经介绍完毕了!有喜欢的就感觉收藏起来吧。请期待下周的#周末一起来看H5#吧~
下期更新时间:5月31日
关于H5制作工具,美丫推荐一个叫Hype的app动效制作工具,关注本账号之后,回复关键词“Hype”就可以看到最近发布的Hype教程啦。
Hype作为一个专门的动效制作工具,它可以支持一些基本的网页动效的实现,也可以支持多平台的响应式效果。一起来学习吧:)
护翼在下!希翼在上,生活就是这样:都是下流的凑性。打水印和打码一样,严 格意义来讲,微信号:Ymeigong 你丫才美工

为您推荐

发表评论

邮箱地址不会被公开。 必填项已用*标注

返回顶部