如何设计增加屏级H5？5招让你成为大牛！

又到了涨知识的时间预测（数据为往年仅供参考）啦前几天一条H5广告犹如龙卷风般刮入了小花的朋友圈里没看过的朋友↓↓↓

反正做人呢最重要的是想开点啦对自己好一点~这周还有另外一个H5也增加屏了朋友圈

点开观看以后每一步的发展方向小花都心里有数直到***才深觉满满的套路

上面两个本周火爆H5都是传播性比较明显的能吸引发用户的好奇、窥探等心理来传播不管是形式上的还是内容上还是风格上的都是很有创意的同样，还有一个互动性的H5

人民日报结合当时的《战狼2》的***推出了一款互动性H5通过上传照片更换军装的形式勾起了人们窥探自己穿军装照片的欲望然后大家纷纷转发朋友圈紧跟爱国主题背景下的风潮

一个火爆的H5它的设计流程非常重要那么今天我们告诉大家设计一个H5需要的设计要点是哪些？

目前H5在设计方法上可以笼统地划分为三大类型互动广告派互联网设计派工具执行派H5的设计部分只是整个流程中的其中一环作为设计师的我们需要了解整个流程，贯穿始终作为一个好的H5会告诉你它都经历了哪些环节？涉及到哪些因素？一、了解需求，选好方向每一个H5的设计都是建立在具体需求之上的，当你拿到需求是，需要先搞清楚做这个网站的目的是什么？每个项目追求的目的都不同。

腾讯通过“穿越故宫来看你”这个主题，出品了一支带有调侃和穿越特征的古装说唱类H5。最初的项目诉求才是***决定作品面貌的关键因素。二、确定表现形式H5的表现形式目前已经非常多了，并且还在不断创新，我们究竟选什么样的表现形式好呢？讲故事卖情怀？强调功能陈述内容？小游戏？

这是之前增加爆过朋友圈的吴亦凡系列H5作品，当预算充足时，项目有需要借助明星效应，我们可以采用拍摄视频并且制作***合成的方式来执行项目。三、设计风格、表现形式比如，你选择了伪装朋友圈的形式的话，那么你就要去研究怎么做出更像朋友圈的页面，去研究微信内部的UI细节，特别强调临摹和还原。

从原型绘制、内容表达、版式设计、文字设计、到***的动效声效设计，一个完整的H5不是单纯的视觉表现，还结合了听觉、交互这两大类。需要我们跳出传统式固有的设计框架，理解全新的媒介和方法。四、开发实现效果图很多人对H5制作望而却步，大多数都是因为卡在这一步，不清楚H5怎么生成的。其实，主要的方法有两种：1、有代码实现：设计文件打包–>前端工程师开发–>作品上传服务-上线。2、无代码实现：设计文件打包–>上传-H5设计工具网站–>作品同步在工具服务器的上线。不管是上面哪一种，都需要设计师清楚，想要做出的页面效果，前段工程师才能确定是否能够实现出来。因此，这一步，沟通最重要。五、数据成绩单反映设计效果你设计的创意和作品的表现形式好不好，推广到不到位，时间预测（数据为往年仅供参考）点掌握得恰当不恰当…数据的成绩单很快就能够引导你接下来应该怎么调整战略和打法。

上面是腾讯出品的H5移动页面用户报告，案例中详细归纳了目前H5网站在数据方面的特征。

以上就是做好一个H5的5招，希望你可以做出爆款H5（手动微笑）

本文作者@你丫才美工  由(青瓜传媒)整理发布，转载请注明作者信息及出处！

产品推广服务：APP推广服务  信息流广告投放  广告投放平台