交互设计之路：几款适合设计师的交互内容设计工具

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

近年来随着互联网的快速发展以及iphone、ipad等智能移动终端的普及，越来越多的数字内容趋向富媒体化、交互操作以及跨平台发布，交互式数字内容随着4G的到来将得到更广泛的应用。

最近着手一个移动端的app项目，一直在找适合设计师的交互内容设计工具，了解了几家，下面将心得与大家分享一下。

这里所指的交互内容（不包括游戏）主要为以下几类：

——交互杂志及交互式电子书：

美国的连线杂志《Wired》，科技新时代《POPULAR SCIENCE》于2010年便推 出了ipad端的交互杂志，时尚传媒集团旗下的多种杂志以及ELLE也相继推出了多款iPad交互杂志。

——品牌展示及产品指南：

在appstore上可以看到大量的品牌app，从时尚、美容到汽车，各大品牌相继推出了互动性很强的品牌推介及产品指南app。

——互动童书及多媒体漫画：

平板电脑由于操作简单，不需要太多的学习便可上手，也适合少儿类的交互式电子书籍及多媒体漫画的传播，目前appstore已有大量优秀的互动童书及多媒体漫画App。

——企业营销工具（不上应用商店）：

apple推出企业开发者账号，app可以发布为企业应用，不用上appstore，目前iPad越来越多的被企业采购，用做企业内部移动办公及营 销工具，慕思床品、罗莱家纺已部署千台iPad做为经销商的营销工具，替代了传统的产品目录，同时由于丰富的交互性，收到了良好的效果。

交互内容如何设计及交付？

交互内容设计在智能移动终端出来之前以director、flash软件为代表，产生了大量基于桌面的交互式数字内容，director、 flash提供了友好的可视化编辑界面，但做到专业级的交互数字内容需要借助程序员的开发，设计师无法独立完成交互式数字内容，往往带来高昂的开发成本及 沟通成本。近年来随着移动终端的快速普及，director、flash已无法满足跨移动端的内容交付，跨平台交互内容的设计开发模式已完全改变，取而代 之的是基于html5以及通过移动端原生代码开发的交互内容，需要借助更多程序员的介入，成本比过去大大增加。

是否有更好的解决方案来设计交互式数字内容？下面将介绍几款适合设计师使用的交互内容设计工具。

选择标准：

1、无需编程开发
2、可以实现大多数的交互功能，要能满足商业级作品交付。（不是简单的模版效果）
3、界面友好、便于上手
4、能跨平台发布

A：adobe Digital Publishing Suite（adobe DPS）

Adobe DPS是大名鼎鼎的adobe公司于2010年推出的面向数字出版的解决方案，Adobe DPS不是一个单独的软件，是一整套解决方案，编辑器主要依赖Adobe indesign软件，支持ios、android平台，暂不支持桌面端的播放。

交互功能方面支持：超链接、幻灯片播放、音频和视频、全景画面以及平移和缩放等互动叠加内容。

主要应用领域：移动端的电子杂志设计、产品指南。

官网：http://www.adobe.com/products/digital-publishing-suite-family.html

目前分为以下版本：

1. Creative Cloud 成员资格：拥有Creative Cloud成员资格（$49.9/月），可以导出单个内容的app。
2. Single Edition：如果不想注册Creative Cloud，可以为单个内容购买序列号以生成可发布的app，目前Single Edition不是所有国家都支持。（$395/个）
3. Professional Edition：拥有自己独立的作品集阅读器（书架），需要每月支付$395.
4. Enterprise Edition：功能与Professional Edition版本相近，不过能发布企业私有应用。

总结：大厂推出的解决方案，可信赖，编辑器采用设计师熟悉的indesign，降低了一定学习成本，但整个流程走下来还是 复杂了点，目前不支持桌面播放，在交互杂志领域比较适合，由于不支持序列帧动画控制以及细粒度的交互控制，不太适合做互动童书及复杂的产品指南。价格就看 承受能力了，国外的杂志数字出版应用的比较多，在国内感觉不太适合个人设计师折腾。

B：MagPlus

Mag+是纽约的一家公司推出的交互杂志设计工具，《POPULAR SCIENCE》便是采用Mag+进行设计及发布。Mag+没有自己独立的编辑器，需要将插件安装在indesign软件里进行交互设定。目前支持ios及android平台，不支持桌面端的播放。

交互功能方面支持：超链接、幻灯片播放、音频和视频、全景画面、序列帧、平移和缩放、弹窗等，比较有特色的是增加了layer功能，可以实现浮动视差效果。
主要应用领域：移动端的电子杂志设计、产品指南。

官网：http://www.magplus.com/

目前分为以下版本：

1. Per issue：不用月付，每个内容可单独生成app，价格：$999/个。
2. Monthly：拥有一个独立的作品集app（书架），价格：$499/月，包括250G存储空间。
3. Unlimited：拥有多个作品集app（书架）不限定发布数量，$2999/月

总结：《POPULAR SCIENCE》选用mag+，效果比较惊艳，编辑器采用设计师熟悉的indesign，降低了一定学习成本，交付的内容同样不支持桌面播放，在移动端交 互杂志领域比较适合，也不支持序列帧动画控制以及细粒度的交互控制，不太适合做互动童书及复杂的产品指南。价格…，个人设计师就看看吧。

C：epub360.com意派

epub360是上海的一个团队自主研发的交互内容设计工具，从网站介绍上来看，epub360主要面向专业设计师群体，产品于2013年推出，支 持ios端app及桌面html5文件包导出。epub360拥有独立的编辑器，是国内第一家采用在线编辑的方式，有浏览器就可进行设计，这点倒是很有特 色，google多年前推出的google Docs便采用完全在线的方式，目前连apple、微软也相继推出了在线版的iWorks、office套件，看来在线编辑是大势所趋。

交互功能方面支持：超链接、幻灯片播放、音频和视频、序列帧动画、平移、layer、MasterPage、触 发器、关联绑定、PageGroup（页面组），令人惊喜的是epub360支持细粒度的触发器设定，序列帧的每一帧都可单独设定触发事件，同时支持序列 帧动画控制，可以上官网下载ipad端的demo，体验下交互效果。

主要应用领域：交互杂志、互动童书、产品指南、营销工具。

官网：http:/www.epub360.com/

版本：

1. 免费体验版：不用月付，基本上所有功能都有，可单独导出app和html5文件包，并可拥有自己的作品集app，只是页数有15页限制，导出的内容首页会有epub360 logo。去除logo的话为299元/个（企业版账号）499元/个（可上appstore）
2. 基础版：创建的内容无页数限制，拥有全部功能，去除Logo也需要付钱，每月￥89/月
3. 企业书架版：拥有自己的设计作品集（书架），用企业版账号发布，适合企业内部使用，最低￥499/月。
4. AppStore书架版：拥有自己的设计作品集（书架）可上appstore，适合杂志出版，价格未公示。
5. 独立部署：可为企业及出版机构独立部署应用服务器，价格未公示。

总结：epub360第一个采用在线编辑的方式，便于多人协作和统一资源管理，操作界面上偏向apple的 keynote，便于上手，交互功能上较前两款更为丰富，支持细粒度的交互设定和序列帧控制，适用面更广，除了可导出ios版app外还能导出html5 文件包，便于桌面播放，也便于嵌入已有网站。不足的是目前还不支持android平台。

以上是无需编程便可独立设计跨平台交互内容的三个工具，国内其他的软件工具还有方正推出的飞翔，奥博QikPg等，有兴趣的话可以前往官网了解。

 
================关于木子设计网================
"木子设计网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南https://www.muzisucai.com//ps/。
设计微博：拥有粉丝量61万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【muzisucai_com】优设哥的全拼
您也可以通过扫描下方二维码快速添加：