现在市面上的这么多的h5交互设计软件，到底有什么差异

一、现在市面上的这么多的h5交互设计软件，到底有什么差异

先讲最流行的，这个算是门槛最低的了，甚至于比PPT还要简单，操作简单，但是实际制作的内容没办法发挥出H5的最大效果，只能当幻灯片用。如果说题主的“交互设计”是指制作者的交互设计，那我这个答案里提到的都符合这个条件，但若是指“用户的交互”，易企秀也就到此为止了。

Vxplo

Vxplo不是很好用，不是说他不好，而是不好上手，什么帧之类的算的太细反而吓跑了我等小白众。第一次接触看到入门教程给的概念立马有种flash的感觉，但是由于功能过于强大，也导致各类模块繁杂，对于H5页面这样一类唯快不破的展示方式，入门成本确实过高了，但是如果投入进去绝对能做出不亚于Flash的惊艳效果。而在体验上来说，在安卓上中端机的体验并不算流畅（魅族MX4）

Epub360

我是先见到Vxplo再搜到Epub360，Epub360的上手难度中等，也需要付出一定的学习成本，但是入门比Vxplo快很多，我个人认为主要是时间轴控制的方式上的区别。

Vxplo是基于帧的，需要用户脑子计算每个动画效果的播放时长和播放时间点，Epub360是基于事件的，用户只需要考虑一个动画效果在哪个事件之后播放就行了

因此两家的构思逻辑上Vxplo会多一步转化

Vxplo 心里想的动画效果顺序>>>>转化成时间轴，精确到秒>>>>>实际播放效果

Epub360 心里想的动画效果顺序>>>>按照效果顺序设置动画效果排序>>>>>实际播放效

对于Vxplo与Epub360的总结：

两家走的其实不是同一条路，一家小而美，一家大而全，Vxplo甚至能做一些出乎想象的HTML5游戏，但是以我个人对H5的见解，几乎所有对H5互动页面有需求的企业都是利用H5针对一个短期的活动进行预热，因此这些企业的制作成本不高，而且非常快餐，这类H5的展示网页的生命周期大多不超过一个礼拜，这也就导致了即使有Vxplo和Epub360这两家“真互动”H5交互设计工具，市面上流行的仍然是易企秀之流。

更多h5的信息可以登录上海海淘科技网查询。

二、H5页面交互设计与原生APP的区别和解决方案

1.更小的页面空间（由于浏览器的导航本身占用一部分屏幕空间），更大的信息记忆负担。

2.交互动态效果收到限制，影响一些页面场景、逻辑的理解。

3.页面跳转更加费力，不稳定感更强。而且页面之间的跳转也不是很流畅，很多时候出现卡顿或卡死现象。

4.导航不明显，原有底部导航消失，有效的导航遇到挑战等。

针对以上困境，解决方法总结如下：

1.H5版上只做查询、浏览、显示结果等操作。

2.精简功能，只将核心的任务实现，非核心的枝节可考虑删减。

3.减少页面层级的数量和输入操作。

4.做好新的WebAPP（h5）交互导航.

5.补充从WebAPP（h5）对下载原生APP 的引导。

三、我现在急需用h5做交互页面怎么做啊？而且我现在还是h5新手

音乐、视频、图片、文字、动画、小游戏等各种以多媒体方式表现出来的H5，可以有图网的制作工具试试

四、交互设计和HTML5有什么异同？

HTML5是HTML标准的下一个版本，虽然HTML5没有完全颠覆HTML4，但是也有一些不同。

1、简化的语法

HTML5简化了很多细微的语法，例如doctype的声明，只需要写<!doctype html>就行了。HTML 5 指定 UTF-8 编码的方式如下<meta charset=UTF-8>

2、 <canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。

3、新增许多标签

a、HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构；

b、新增 <section> 和 <article> 标签，<section>和<article>也有利于清晰化网页的结构，更有利于SEO；

c、新增 <menu> 和 <figure> 标签，<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业；

d、新增 <audio> 和 <video> 标签，这两个标签可能是HTML5里面最有用的两个标签了，使用起来时也异乎方便，如在HTML5页面中嵌入视频只需一小段。

代码如下:

Your browser does'nt support video embedding feature.

</video>

同理，音频等其他的也类似。

4、全新的表单

HTML5对 <form> 和 <forminput> 标签进行了大量修改，添加了很多新的属性，也修改了很多属性。

5、删除 <b> 和 <font> 标签，<frame>, <center>, <big> 标签。

6、HTML5 支持了不同类型的存储类型

HTML5 支持本地存储，在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。并且HTML5有两种不同的对象可用来存储数据，HTML5通过JS来存储和访问数据：

总的来说，HTML5已经超越了标记语言的范畴，更富语义的标签将使得HTML5更有用处。Canvas+WEBGL等技术，实现无插件的动画以及图像、图形处理能力；本地存储，可实现offline应用；websocket，一改http的纯pull模型，实现数据推送的梦想；MathML，SVG等，支持更加丰富的render等。