几种高大上的交互设计工具介绍与对比

daisyzhu

不知道大家是否还记得，就在十几年前，不管我们打开一个流行网站，或是上课的时候偷偷玩手机，那是一个什么场景？网站布满了膏药似的广告，手机除了几款小游戏和简单通话功能外啥都没有～ 再看看，我们现在的网站和手机，其变化可以用翻天覆地来形容。最突出的一点变化，就是所有产品使用越来越人性化，这种贴近用户的产品表达，也带来了近些年硬件产品和游戏设计的巨大成功！

在这些产品背后，产品设计的重要性也越来越被人们所认可，而且在所有的设计环节中“交互设计”变得尤为重要。
交互设计——为你带来更多选择，让你在最短的时间内获取更多的有用信息。在传统的设计中，产品所反映的更多是设计师和生产者的意愿，而对于产品使用者，则处于一个相对从属的位置，被动地学习掌握各种产品使用。而交互设计将改变这一切，一切以用户为中心，以效率+美感使产品取得前所未有的成功。

交互设计——让产品越来越智能。设计者通过分析使用者可能的不同场景，而设计不同的界面和功能，使得产品可以在不同场景下为不同用户提供个性化需求，这就是“智能”。

交互设计，现在主要被用于产品交互界面设计，包括微信App，手机App，网站，游戏等各个领域，其重要性不言而喻。但是，现在如果制作交互内容，设计交互作品成了这个领域的一大瓶颈。现在的做法是需要设计师和程序员做大量的配合，需要大量的交互代码来完成各种复杂的设计，而由于程序员自身的限制往往不能达到设计师的要求。

如果能够让设计师独立完成这个交互设计，这就是最为理想的模式，可是有没有这样的工具呢？我们搜罗了一些产品，做一个比较：

Vxplo 互动大师
www.vxplo.com  （免费）

提供一款在线的交互编辑工具，支持HTML5和Flash，不用写任何代码，直接生成交互的HTML网页，支持JS分享，支持所有浏览器IE6+, Safari, Chrome, Firefox。直接可以在平台上展现，或嵌入其他网站。作品自适应各种设备。

有多个时间轴概念，因此可以做网站，互动视频，微信App，各种网页元素交互效果，交互广告，小游戏等。

国内团队开发。

评分：
多样化功能：5分
跨平台性：5分
易用性：4分（由于功能强大，所以有一定复杂的逻辑，需要一些时间学习掌握）

     
Mugeda
www.mugeda.com （收费）

在线编辑工具，主要用于广告banner编辑制作，为广告主投放banner广告省了很多力气。类似于轻量级的Flash制作。但只有一个时间轴控制控制。需要投放其他平台展现。作品可适用于html5的设备。

国内团队开发。

评分：
多样化功能：4分
跨平台性：5分
易用性：4分（有些功能不是太好理解）



Google Web Designer
http://www.google.com/webdesigner/ （免费）

离线编辑工具，需要下载安装。主要针对HTML5的一些交互制作。需要嵌入网页中使用。作品自适应各种设备。
google开发。

评分：
多样化功能：3.5分（只是支持html5）
跨平台性：4.5分
易用性：4.5分（比较简单掌握）


Webflow
http://interactions.webflow.com/ （部分免费）

在线编辑工具，主要制作网页互动效果，强调了不用写代码就可以完成交互。主要以网站设计为主，收费主要针对某些网站模板，但无法实现网页上元素间的互动效果。作品有多个尺寸选择。

国外开发

评分：
多样化功能：3.5分（传统网页形式）
跨平台性：4分
易用性：4.5分


Interlude
http://interlude.fm/（免费）

在线工具，主要用于制作互动电影，视频。不需要写代码，有多个时间轴可控制。有助于导演讲一个故事的很多版本，让观看者选择。
国外开发

评分：
多样化功能：3分（只支持视频）
跨平台性：4分
易用性：4.5分


如果你还知道有哪些工具是可以帮助设计师做交互设计的，欢迎跟我们交流。

yishuixs

大部分都是在线的，Vxplo使用过，但团队使用起来效率不高，更适合于DIY设计推广~