近年来随着互联网的快速发展以及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设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量61万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。