工欲善其事必先利其器。天天和产品打交道,无可避免的要做一些页面原型,当然也离不开各种工具。好的原型工具软件可以大大提高工作效率,但是每款工具各有优劣。之前写过一篇基于不同平台的原型工具介绍,分别是基于网页、基于桌面端、和原型手机预览APP. 为了更好的帮助大家做出正确的判断,少走弯路,今天我分别为大家介绍一下几款常用软件的产品特色。
1. Axure RP
尽管近年来各种原型工具层出不穷,且功能及使用性方面也在不断的发展,但Axure仍旧是原型设计工具中的佼佼者,稳坐大牛之位。可以说Axure是Windows上一款非常出色的原型设计软件,亦是网络产品前期设计的首选工具之一。
价格:
前期提供30天试用,试用期结束后需购买。
专业版 $495一个注册码
团队版 $895一个注册码
企业版$99/月
产品特色:
1、老牌原型工具,用户群体庞大
2、丰富的视频教程
3、自带组件库,以及强大的第三方组件库
4、强大的交互功能
5、完整的教程和支持文档
预览:
预览方式既可以支持直接F5在线预览,也可以通过移动端预览:
导出HTML,在Safari中打开
通过Axure share直接打开桌面端上传的项目
导出:
支持导出文件类型:HTML, DOCX, PNG
2. Mockplus
作为新兴的快速原型设计工具, Mockplus提供了大量组件和图标,方便用户快速上手进行设计。页面交互和组件交互只需一个拖拽动作。简单、方便的可视化操作在很大程度上简化了交互设计,极大的提高了工作效率。一句话来说,这款工具就是:功能够用,简单易学。
价格:
基础版永久免费
专业版包月20¥/月
专业版包年119¥/月
产品特色:
1、低学习成本,快速上手
2、简单拖拽,快速设计原型
3、丰富的组件库(200个组件)、图标库(3,000个图标)
4、封装的交互组件,交互设置可视化
5、全面的预览功能
预览:
1、直接F5演示
2、在线发布为HTML5的网页
3、导出HTML5的离线包
4、导出可独立运行的演示包
5、输入原型码,在手机中查看原型
6、扫描二维码在手机中查看原型
7、导出图片
8、导出项目树
导出:
支持导出文件类型:.exe, PNG, HTML, 项目树(脑图、树图、HTML、MarkDown、XML、文本等形式)
3. Justinmind
JustinMind主要致力于高保真原型设计。与其它交互设计工具相比,Justinmind更适合做移动端开发,即主要是iPhone和安卓手机的应用。如果你要创建复杂的高保真原型, 可以尝试这款工具。缺点就是需要一定的学习成本,程序启动也比较慢。
价格:
和Axure一样,提供30天试用。试用到期之后购买。
专业版包月 $29/月(包年$19/月)
产品特色:
1、支持手势交互
2、支持自定义部件和创建自定义组件库
3、提供丰富的动画支持
4、支持变量判断
5、支持团队合作和版本控制
预览:
1、支持浏览器预览
2、设备预览
导出:
支持导出文件类型:HTML + JS, Word, PNG, 导航地图
4. Invision
InVision 是一款基于网页的原型交互设计工具。可以很好的实现团队之间的协作,也便于收集反馈意见,帮助设计师快速设计产品模型,管理用户的设计团队,在线协作辅助。将静态网页,移动app设计图快速的变为可点击, 具有交互效果的动态原型,让你的设计“活”起来。
价格:
免费版 - 一个项目
初级版 – 3 个项目 = $15/月
专业版 – 无项目限制 = $25/月
团队版 – 无项目限制, 5 个用户 = $100/月
企业版 – 无项目限制, 高级功能
产品特色:
1、简单易学,上手快
2、快速创建热点,连接页面
3、支持手势和转场
4、分享方便/评论、协作方便
预览:
PC或移动端浏览器预览
分享:
可以通过URL, Email, SMS等方式进行分享,也可以下载ZIP原型包或PDF
5. Proto.io
Proto.io是一款非常强大的网页app;它有很多功能。但是由于每一步设定都是通过拖拽,点击按钮还有在选项中调整数值,有时候有点难以找到一些你需要的设置。
价格:
15天免费试用。
1个用户:$29/月
2个用户:$49/月
5个用户:$99/月
10个用户:$199/月
产品特色:
1、丰富的手机组件
2、支持组件交互
3、可以直接从Dropbox上传设计图
4、支持Sketch和Photoshop插件
预览:
HTML预览或通过短信发送到手机预览
导出:
支持导出文件类型:HTML, PNG, PDF