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

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

2014/01/08 15735评论区

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

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

这里所指的交互内容(不包括游戏)主要为以下几类:

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

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

mag

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

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

mag2

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

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

mag3

——企业营销工具(不上应用商店):

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

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

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

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

选择标准:

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

A:Adobe Digital Publishing Suite(adobe DPS)

mag4

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

mag5

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意派

mag6

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

mag7

交互功能方面支持:超链接、幻灯片播放、音频和视频、序列帧动画、平移、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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/interactive-content-design-tools

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里