如果你不知道怎么做H5

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,荣登人生巅峰。

PS:如果小伙伴们想看上面那几个案例的演示,只能去我的微信公众号看了,因为简书不能加二维码,没有办法“识别图中二维码“观看了,我想不到更好的办法让小伙伴们观看了,所以还麻烦小伙伴们去微信公众号看了!!!

推荐阅读更多精彩内容