H5是HTML5的简称，百度给出的定义估计只有程序员们看得懂了，所以小伙伴们没有必要去深究这其中的含义，你只需知道运用这个软件就好了，你只需知道即便你不懂代码，也可以用H5制作出一个游戏，比如14年火爆朋友圈的围住神经猫，也可以做出一个简易的app，也可以做出形象且传播性强的产品展示页面。
H5具有强大的交互功能，匹配了当下强调的用户参与感，它改变了传统的信息传播方式，能够快速灵活的在手机端进行展示和传播。但，想要做出很惊艳的H5还是要花费一番功夫的，很多小伙伴都说在做H5的时候，感觉没有灵感，不知道如何下手。今天我和小伙伴们讲一下有哪些制作H5的工具，哪些比较合适小白，哪些交互性更强一些，同时整理了一些案例，希望能够帮助小伙伴们接触到更多的知识，以后在做H5的就不会那么困难啦。
第一部分：H5制作工具大集合
易企秀：
这个是我刚接触H5用的制作工具，简单易学，如果你本身不是设计出身，对比例美学没什么概念 ，对配色技巧一窍不通，那也没有关系，有很多模板给你参考，直接套用就好了，一些基本的邀请函、企业招聘、企业宣传、产品展示、都是可以做的，你只需要根据后台的步骤去编辑就好了，功能比较傻瓜，主要是展示类的功能，不能满足对设计要求比较高的小伙伴。
兔展：
兔展的广告语是“像PPT一样的移动H5页面”，有免费和收费的模板，分行业来整理H5的案例，在操作上和易企秀差不多，只要把这两个软件其中一个的操作步骤熟练了，另一个也就没什么问题，就像你学会了PS，就不怕AI不会一样。
MAKA：
我知道这个制作工具是因为MAKA的一个招聘H5，这个制作工具的页面非常扁平化，看着舒服。里边的案例是比较精美的，相对于易企秀和兔展更有设计感。当然也是分免费和收费的，免费的模板没有自定义的动效，也不能添加外链。一些精美的模板是需要收费的，有些模板需要19软妹币，有些需要49软妹币。这个制作工具有APP，是可以在手机端操作的。
MAKA手机端操作页面：
最酷网：
最酷里边的模板选用是不需要付费的，但是如果你要加上自己的LOGO和尾页版权就需要收费了，后台操作功能和其他的工具差不多，就和我们做PPT添加动态效果一样的。有些互动的控件是需要购买的，比如微信红包，商品试用、优惠券、摇一摇等等。
初页：
这是一款很傻瓜式的H5制作工具，个人认为这个制作工具可以用作相册展示，因为没有讲究什么设计概念，对于零基础的设计小伙伴来说，这一款H5制作工具是最适合的。小伙伴们只要添加文字和图片，就可以在线生成一个H5了。
这是网页的制作页面
初页手机端操作页面
以上的这五个H5制作工具都是很容易就上手的，即便你没有任何的设计基础，也能分分钟制作出简单的H5页面，比如电子相册，婚礼邀请函、产品宣传、节日祝福或者表白之类，这几个制作工具完全能够满足你的要求。类似这样的制作工具还有live app、me、秀米秀制作等等。大家都可以上这几个网站练手一下，看看那个平台更加合适自己，这些制作工具的操作都是具有相似性的，只要把一个软件都学会了，那么其他的软件就不会有多大的问题的。
下面再给小伙伴们整理一下具有难度的H5制作工具，主要是针对具有设计基础的设计师。
首推互动大师vxplo，这是我们设计师用的制作工具啦，操作起来可没有像上面的辣么简单了，需要小伙伴们花费一定的时间去研究，因为有些功能还是比较难以理解的，不过小伙伴们可以加入他们的QQ群噢，里边会有不少的牛人帮助你快速学会用这个软件的，平台上也有一些教学案例和视频，并且分行业来整理相关的案例，小伙伴可以在网页上搜索相关的行业精品。
互动大师的功能性是比较强大的，看一下操作平台就知道了。
第二个就是Epub360意派，其号称是“专业级H5交互利器”其功能性就不用说了，一张图告诉大家它的功能有多强大。可能很多小伙伴都还不知道这些特色的交互组件是什么意思，这个就留着下一期再和小伙伴们讲吧。
操作页面和互动大师是差不多的，这两个软件其实还是有一定的相通性的。
这两款制作工具功能是比较强大的，交互性比较强，这就意味着学起来的难度是比较大的，对设计要求比较高，想在页面里加入一些高逼格的gif图，想增加和用户的互动性，那么这两个软件是要好好学的。
第二部分：H5素材和灵感大集合
我自己认为好的H5页面是要有一定的设计感的，所以今天我们就来讲一讲，如何去找一些优秀的H5案例作为参考素材，如何借鉴别人做得好的方面。
首先，我们先来讲PC端的H5素材平台。我个人觉得当大家不知道去哪里找案例和素材的时候，完全可以在一些制作H5的平台找一些案例。今天介绍两个汇聚最新H5案例的网站。
第一个是爱果果：
这里收藏了最新且比较优秀的H5案例，小伙伴没有灵感，不知道怎么做的时候，就来这里看看，说不定会给你启发噢。
第二个是黄蜂网：
在H5营销案例上，黄蜂网和爱果果都是收集比较新的案例，但是黄蜂网有网页设计、电商淘宝、手机界面、UI界面等等的素材。这里的素材比较丰富，小伙伴们要定时去这个网站看看，会有不同的收获的。
以上的这两个平台是我用电脑的时候，经常去看的两个网站，会定期收录最新的H5案例，看到好的案例就收藏起来，我通常是看到好的案例，就把二维码保存下来了建立一个文件夹，然后在命名是哪个品牌的H5，平常有时间的时候就多看看,或者做H5找不到素材的时候就去看看。
第三部分：集合H5案例的微信公众号
第一个微信公众号：H5创意汇
这里有10000个移动营销案例，小伙伴们可以在微信公众号里用关键词进行搜索相关行业的案例，看到好的微信公众号是可以随手收藏起来。
第二个微信公众号：爱分享H5
这个微信公众号可以直接制作H5的，里边也有一些案例，但是都是比较普通的，其特色就是能够在公众号里直接做H5，但也是比较简单的。
第三个微信公众号：H5案例分享
这个微信公众号会定期的推送各种形式的H5案例集合，比如邀请函、比如护肤品、比如爱情婚姻等等，同时也会收录一些最近质量高的H5。微信公众号里边也能搜索各类行业的H5，还有微信群噢，可以加入微信群进行学习噢。
第四个微信公众号：H5圈
一个集合各行业H5案例的微信公众号，分类比较清晰，小伙伴们在菜单栏那里找到自己的行业，然后点击进去就可以找到很多案例啦。
第五个微信公众号：H5说
这个微信公众号也是集合不少的优秀H5，不过分类没有那么清晰，不过我觉得优秀的案例都是可以看看的，看多了、下手做的时候就会有灵感啦，所谓的厚积薄发就是这个意思。
第六个微信公众号：拇指部落
这个微信公众号定位很清晰，收集当下热门的H5互动营销案例，并且是专门做H5营销游戏定制，这个对于刚接触H5的小伙伴这个有点难度的，但用H5做出的游戏，互动性很强哇，就像当年火爆朋友圈的“围住神经猫”，想在H5这一块发展的小伙伴可以深入研究一下。
第四部分：经典H5案例集合
第一个：S级轿跑车 奔驰着的艺术殿堂
推荐理由：创意非常好，互动性很强，画面很震撼，有一种看了还想看的感觉。
第二个：有本事一口气看完
推荐理由：这个动态做得真的很好，画面和动态交相辉映，让人有一种身临其境的感觉。
第三个：致另一个无用的我
推荐理由：表达的主题很有共鸣，一下就疯传了朋友圈是有理由的。
第四个：美到没有朋友，赶紧来围观
推荐理由：主要看画面，哈哈哈哈
以上这几个H5案例是我比较喜欢的，不管是主题创意，还是画面设计都深得我心，但也不是那么轻易就做得出来的，现在放上来分享给小伙伴们。H5是一门新的领域，做得好的人并不是很多，如果有一定平面基础的小伙伴可以往这方面发展，因为这一行的人才很稀缺的，未来的传播方式一定是以H5为主的。有些小伙伴如果只是想做一些产品的展示，那么易企秀、兔展、MAKA等制作工具就可以满足啦，如果需要互动性强一点，就需要用到其他高级的软件了。希望小伙伴们都能做出酷炫的H5，能够通过H5，荣登人生巅峰。
网友评论