H5广告和设计师的四大交叉

小志向大梦想

H5，即HTML，是集文字、图片、音乐、视频、链接等多种形式的展示页面，丰富的控件、灵动的动画特效、强大的交互应用和数据分析，非常适合通过手机进行展示、分享。而H5广告就是在H5页面中植入自己的产品信息分享到移动互联网的社交平台中，从而宣传自己的产品；而设计师就是它的制作人。

人总是感性动物，日久便会生情。让我们看看设计师和H5广告的四点碰撞出来的恋爱。

No.1：群恋（NP）

策划——原型——视觉——动画——前端实现——H5上线

群恋就像是一帮男生喜欢一个女生，天天围着转，为保持和谐，每个男生会有不同的分工，有刷卡的、有做饭的、还有打扫家务的。而群恋的H5广告团队，也会存在不同分工。

大致是：

策划设计——原型设计——视觉设计——动画设计——前端开发

每个设计人员负责擅长的一块，而我们比较熟悉的视觉设计往往会集中在链条的第三个领域。这一块的设计师只需要执行上一层设计师的草图，做好画面后，交给下一个设计师继续执行。

No.2：三角恋

策划设计——视觉设计——前端实现——H5上线

如果追求女生的男生数量小于三时，通常争风吃醋的情况就会比较多见了。比如说，三角恋。而目前多数企业都徘徊在三角恋这个区间，架构大概是这样：

策划设计——美术设计——前端开发

因每人分配的活多了，相互之间的观点和认识也就有了分歧，往往开会讨论、玩头脑风暴，通过很多沟通来确定方向，相互之间会有一个博弈的过程，然后才能进行项目。而这样，设计师需要掌握更多紧呢个，难度更大。

No.3：二人转

    两个人谈恋爱总该消停了吧？是消停了。但以前是一帮人一起伺候小主，现在是一个人伺候。那么事情就会变成这样：

设计师——前端开发

这个一目了然了，这个设计师要从想、到做、到出动效的全过程。一般小公司和个人设计师会是这样的。因涉及到的内容太多，所以无法设计精细，做出来的作品大部分比较平淡。毕竟，一个设计师，要精通文案、策划、设计、动画，还是不容易的……

No.4：造女神

这是行业内最牛掰的一类H5设计师，他们和H5谈恋爱的方式也是简单粗暴，因为他们自己创造一个女友。架构？已经没有了：

设计师（对，就只有设计师）

他从想到做，再到写代码，而且做出来的东西还跟团队做出来的差不多。他自己就是一个团队！然而这种人毕竟是少。（否则其他人都不用活了。）

你会发现，不同公司规模对设计师要求不同。只有少数品种会自己写代码，大部分情况还是会通过团队来做H5。但是，总有这种情况：团队人手不足，又没有造女神的能力。怎么办呢？别担心，伟大的程序宅们发明了各种小工具达到我们想和H5广告谈恋爱的目的。

设计师和H5谈恋爱会用到哪些小工具？

目前实现H5广告，不需要代码的工具有两大类：

一种是模板类工具：

上手很快，十分简单，一会就能弄出个H5出来。但你懂的，功能单一。可功能简单不代表你做的设计就不好。利用模板的H5广告同样有不少优秀作品。关键还是看脸……哦，看能力。

目前比较受关注的有：iebook超级精灵、易企秀、兔展、maka、70度灰等等等

而另一种我们叫他功能型工具：http://h5.iebook.cn

他们看上去很像是PS的操作界面，可以实现很多交互效果，某些功能可媲美定制化案例。但是学习成本较高。

目前有两家：互动大师、意派360