5款常见原型工具,产品特点知多少?

工欲善其事必先利其器。每天和产品打交道,无可避免的要作一些页面原型,固然也离不开各类工具。好的原型工具软件能够大大提升工做效率,可是每款工具各有优劣。以前写过一篇基于不一样平台的原型工具介绍,分别是基于网页、基于桌面端、和原型手机预览APP. 为了更好的帮助你们作出正确的判断,少走弯路,今天我分别为你们介绍一下几款经常使用软件的产品特点。浏览器

1. Axure RP网络

尽管近年来各类原型工具层出不穷,且功能及使用性方面也在不断的发展,但Axure仍旧是原型设计工具中的佼佼者,稳坐大牛之位。能够说Axure是Windows上一款很是出色的原型设计软件,亦是网络产品前期设计的首选工具之一。app

价格:工具

前期提供30天试用,试用期结束后需购买。学习

专业版 $495一个注册码动画

团队版 $895一个注册码.net

企业版$99/月插件

 

产品特点:设计

一、老牌原型工具,用户群体庞大版本控制

二、丰富的视频教程

三、自带组件库,以及强大的第三方组件库

四、强大的交互功能

五、完整的教程和支持文档

 

预览:

预览方式既能够支持直接F5在线预览,也能够经过移动端预览:

导出HTML,在Safari中打开

经过Axure share直接打开桌面端上传的项目

 

导出:

支持导出文件类型:HTML, DOCX, PNG

 

2. Mockplus

做为新兴的快速原型设计工具, Mockplus提供了大量组件和图标,方便用户快速上手进行设计。页面交互和组件交互只需一个拖拽动做。简单、方便的可视化操做在很大程度上简化了交互设计,极大的提升了工做效率。一句话来讲,这款工具就是:功可以用,简单易学。

价格:

基础版永久免费

专业版包月20¥/月

专业版包年119¥/月

 

产品特点:

一、低学习成本,快速上手

二、简单拖拽,快速设计原型

三、丰富的组件库(200个组件)、图标库(3,000个图标)

四、封装的交互组件,交互设置可视化

五、全面的预览功能

 

预览:

Mockplus支持8种预览方式

一、直接F5演示

二、在线发布为HTML5的网页

三、导出HTML5的离线包

四、导出可独立运行的演示包

五、输入原型码,在手机中查看原型

六、扫描二维码在手机中查看原型

七、导出图片

八、导出项目树

 

导出:

支持导出文件类型:.exe, PNG, HTML, 项目树(脑图、树图、HTML、MarkDown、XML、文本等形式)

 

3. Justinmind

JustinMind主要致力于高保真原型设计。与其它交互设计工具相比,Justinmind更适合作移动端开发,即主要是iPhone和安卓手机的应用。若是你要建立复杂的高保真原型, 能够尝试这款工具。缺点就是须要必定的学习成本,程序启动也比较慢。

价格:

和Axure同样,提供30天试用。试用到期以后购买。

专业版包月 $29/月(包年$19/月)

 

产品特点:

一、支持手势交互

二、支持自定义部件和建立自定义组件库

三、提供丰富的动画支持

四、支持变量判断

五、支持团队合做和版本控制

 

预览:

一、支持浏览器预览

二、设备预览

 

导出:

支持导出文件类型:HTML + JS, Word, PNG, 导航地图

 

4. Invision

InVision 是一款基于网页的原型交互设计工具。能够很好的实现团队之间的协做,也便于收集反馈意见,帮助设计师快速设计产品模型,管理用户的设计团队,在线协做辅助。将静态网页,移动app设计图快速的变为可点击, 具备交互效果的动态原型,让你的设计“活”起来。

 

价格:

免费版 - 一个项目

初级版 – 3 个项目 = $15/月

专业版 – 无项目限制 = $25/月

团队版 – 无项目限制, 5 个用户 = $100/月

企业版 – 无项目限制, 高级功能

 

产品特点:

一、简单易学,上手快

二、快速建立热点,链接页面

三、支持手势和转场

四、分享方便/评论、协做方便

 

预览:

PC或移动端浏览器预览

 

分享:

能够经过URL, Email, SMS等方式进行分享,也能够下载ZIP原型包或PDF

 

5. Proto.io

Proto.io是一款很是强大的网页app;它有不少功能。可是因为每一步设定都是经过拖拽,点击按钮还有在选项中调整数值,有时候有点难以找到一些你须要的设置。

 

价格:

15天免费试用。

1个用户:$29/月

2个用户:$49/月

5个用户:$99/月

10个用户:$199/月

 

产品特点:

一、丰富的手机组件

二、支持组件交互

三、能够直接从Dropbox上传设计图

四、支持Sketch和Photoshop插件

 

预览:

HTML预览或经过短信发送到手机预览

 

导出:

支持导出文件类型:HTML, PNG, PDF

相关文章
相关标签/搜索