一本书带你认识和了解H5

文/菽麦

刚开始决定购买这本《H5+移动营销设计宝典》，意图是我想做一个H5的营销活动，正好看到了这一本，看了相关介绍觉得不错，就买了。

看完之后的感觉跟我刚开始购买的意图其实是相反的，买的时候想的是怎样利用这些工具做H5，但是看完之后觉得我之前的想法太狭隘了，因为我只是把H5局限在某个工具之上，换了另一个工具也是可以达到这种效果的，重要的是你要了解H5的整个框架，设计流程，设计方法等，这样你才不会纠结在一个点上。

书中介绍了H5的定义，跟我们常规理解的似乎有点出入，而大众对于H5的了解还不是很成熟。很多时候听说要去做个H5，人家就会说，这个很简单，用那个啥啥啥就能做出来。但是看完本书你会知道真正的营销以及做得好的营销活动H5，都不是那么简单的。

那H五究竟是什么呢？

作者是这样说的，但我们重新把所有内容放在一起时，你会发现H5，它包含了html5的标记规范，运用到了例如CSS，JS等多种计算机语言，可以实现多种动向和视听效果，会利用到后端和前端的多种功能，主要在手机端传播，可以跨平台在PC平板上浏览等等。简单的说H5所指的就是移动网页本身，它能够包含所有这些分支。

了解了它的概念之后，我们就会知道H5包含的有多么的全面以及它能实现的功能有多多。像以前我们常用的ppt、平面设计，视频等都可以用H5实现。

H5设计流程和规范技巧

一、要了解需求，选好方向。

这个跟的广告设计等一样，要抓住用户的具体需求。

二、确定表现形式

目前的表现形式有很多，比如是讲故事、卖情怀，还是要强调功能制作，或者说做个小游戏增加用户黏性等等。

三、开发执行阶段

主要有两种方法：有代码实现和无代码实现。有代码实现就是设计师把做好的分层图打包给前端工程师，同时，他会把这些内容放置到服务器，用代码编辑的方式将元素合并成我们平时看到的H5网页。无代码实现就不需要前端工程师，利用网络上的第三方工具即可实现。

四、数据总结和分析

每个营销活动结束之后都要进行总结，这样我们才能够分析出哪些地方做得好、哪些时间流量高、哪些方式效果好。

其他的诸如：H5页面尺寸设计注意事项，H5设计常用的工具，H5的设计方法，H5的原型图如何把握好，一句无设计的表现力。H5页面的版式设计要领，H5的文字设计，H5的动效设计，H5的生效设计等等，在此就不一一说明。

本书还有一个特点，就是书中所包含的案例及介绍的部分内容都可以用手机扫码显示，这样你可以边看书，边看设计案例的实际展示效果，交互性更强，确实是一本互联网+的书籍。

同时，不管是书的纸张、设计、排版、字体颜色等都看着很舒服，所以书的价格也不便宜。但更重要的是你看完书之后对你能有帮助，这才是最重要的。