h5网站制作平台有哪些(h5网页网站制作代码)

h5网站制作平台有哪些(h5网页网站制作代码)

这篇文章总结了目前所有的H5工具,做了分类,比较了收费模式,划分了详细内容属性,写的比较详细,大家可以仔细阅读学习:

那要制作H5页面是不是只能去学代码呢?

当然不是!

自从H5爆红后,制作H5页面的工具层出不穷,已经多到叫人目不暇接了,不信?往下看:

epub360、vxplo互动大师、码卡MAKA、易企秀、兔展、初页、易传单、未来应用、品趣、点点客海报、秀制作、微杂志(有赞商城,原口袋通)、云来(LiveApp)、最酷轻应用、COOLAPP、我傲、木疙瘩、居高互动刊、调用等等等等……

如果只能做请帖或邀请函也算的话,还有:

快邀约,微喜帖、维斗喜帖、聚喜……

如果国外的也算的话,听(英)说(语)还(不)有(好):

Wix、Google Web Designer、Weebly、Ceilfire、Jimdo、Mixeek……

反正已经多的让我眼花缭乱了,当然肯定还有没有统计到的。

一、分类

在详细介绍这些H5工具之前,我们先把它们做个简单的分类,按照这些H5工具的自主定制空间及使用方式等,将它们分为以下三类:

完全自主定制: epub360、vxplo互动大师

模板一样快捷:码卡MAKA、易企秀、兔展、易传单、未来应用、品趣、点点客海报、秀制作、微杂志(有赞商城,原口袋通)、云来(LiveApp)、最酷轻应用、COOLAPP、木疙瘩、居高互动刊、调用等等(其实模板更好理解一些,但是遭到了众多朋友反对,强烈声明不是模板,那就改成“像模板一样快捷”吧)

APP:vxplo互动大师、初页、聚喜、我傲、易企秀等(vxplo以网页端为主,用户主要面向企业级,推出的APP主要是为了满足相对非专业的用户的需求)

不同类型H5工具的对比:

自主定制类:

优势:完全自主定制、可操作性强

劣势:功能较多,学习时间成本较大

非自主定制类:

优势:操作简单、随学随用

劣势:只能选择使用,不能定制功能和交互效果。

一句话来描述“自主定制类”和“非自主定制类”H5工具的区别:就是Photoshop和美图秀秀的区别。

至于孰优孰劣,那就看使用者的需求,仁者见仁智者见智了!

二、收费模式

在给这些H5工具做了简单分类之后,我们来谈谈最现实的问题:钱的问题,收费模式的问题。

据不完全统计(窥斑见豹,本次抽样统计的样本为:epub360、vxplo互动大师、maka、兔展、易企秀等),H5工具收费模式主要有:

1)免费(含广告)版

2)付费版(价格从单两块钱一次到每年59999不等)

免费的版本大抵相同,付费的版本各有各的理(jie)由(kou):

a.按时间和次数,导出一次的价格、多次“团购”价格,以及月付费价格、年付费价格等,价格最低的应该是秀制作

价格最高的应该是epub360,人民币59999元每年,不过功能也是最全面的,期待更高的价格

b.作品数量限制,站内存储空间、站外数据流量

选择不同的价格套餐,会有相应的作品数量限制,也有的H5工具限制站内存储空间或是站外的数据流量。如上图,epub360免费版最多可创建10个H5页面,相应存储空间只有2G;而站外数据流量,是像vxplo这样,通过获取作品的js、div、html代码,嵌入自己的网站,在分享的时候用户看到的事你自己的域名,这样就会产生站外数据流量。

d.访问加速、作品优化等

通过技术手段对作品进行优化,加快作品打开速度等,当然了,会有加速程度的划分和作品优化次数的限制。

e.客服支持

f.HTML文件导出、专用域名

可自主定制的epub360,可以通过导出HTML文件发布到自己的网站上,也可以通过绑定到专用的域名来进行发布;而对于同样类型的vxplo,可通过代码嵌套的形式达到显示用户自己域名的目的。

g.其他增值功能

三、重要元素

背景图炫酷的画面,离不开背景的衬托,能否快速更换背景图,相信是考验一个H5页面能否快速完成的准则之一。

音乐炫酷的背景下,配以提纲挈领式的文字,如果能够再来一段能够引起共鸣的音乐,那是何等的应景,此时,我百度了下“H5页面背景音乐”,试听之下,心潮澎湃!激情四射!

图片背景之外,重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离的299792458分之一,所以光速比声速快,比打字速度更快。那为什么不用图片呢?

视频如果炫酷的背景、精炼的文字、应景的音乐,还不能够让你感到震撼的话,那就来段视频吧!一目了然!

四、常见交互效果

对于定制类H5工具如vxplo互动大师、epub360,交互效果完全可定制,只有想不到、没有做不到!对于非定制类的H5工具,也都提供了足够多的可供选择的交互方式。

据不完全统计,主要交互效果有:

飞入,从上下左右不同方向飞入页面。

淡出,透明度由弱变强,带用户进入画面。

旋转,2D旋转和3D旋转,增强观赏性。

大小,从小到大,从大到小,重点突出。

跳跃和抖动,跳跃、抖动的元素,活泼可爱。

擦除效果,用手擦一擦,见证惊奇的时刻。

指纹识别,就是长按功能,加上指纹识别的概念,瞬间高大上。

其他,加上“雨滴”“烟花”“闪烁”“粒子化”等特效,档次立马就不一样。

五、其他

任何一个效果的完善,都足以让用户充满敬意;

任何一个细节的优化,都足以让用户感受到认真和品质;

任何一个功能的改进,都足以让用户在使用与放弃之间做出选择;

也许,选择使用一种H5工具,只是因为它更换图片比其它工具都要快;

也许,选择使用一种H5工具,只是因为它复制案例比其它工具更轻松;

您觉得呢?

发表评论

登录后才能评论