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

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

1. Axure RP

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

Axure RP 8

价格:

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

专业版 $495一个注册码

团队版 $895一个注册码

企业版$99/月

产品特色:

1、老牌原型工具,用户群体庞大

2、丰富的视频教程

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

4、强大的交互功能

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

预览:

预览方式既可以支持直接F5在线预览,也可以通过移动端预览:

导出HTML,在Safari中打开

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

导出:

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

2. Mockplus

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

Mockplus

价格:

基础版永久免费

专业版包月20¥/月

专业版包年119¥/月

产品特色:

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

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

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

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

5、全面的预览功能

预览:

Mockplus支持8种预览方式

1、直接F5演示

2、在线发布为HTML5的网页

3、导出HTML5的离线包

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

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

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

7、导出图片

8、导出项目树

导出:

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

3. Justinmind

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

7.4justinmind

价格:

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

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

 

产品特色:

1、支持手势交互

2、支持自定义部件和创建自定义组件库

3、提供丰富的动画支持

4、支持变量判断

5、支持团队合作和版本控制

 

预览:

1、支持浏览器预览

2、设备预览

 

导出:

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

 

4. Invision

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

Invision 

价格:

免费版 - 一个项目

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

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

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

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

 

产品特色:

1、简单易学,上手快

2、快速创建热点,连接页面

3、支持手势和转场

4、分享方便/评论、协作方便

 

预览:

PC或移动端浏览器预览

 

分享:

可以通过URL, Email, SMS等方式进行分享,也可以下载ZIP原型包或PDF

 

5. Proto.io

Proto.io是一款非常强大的网页app;它有很多功能。但是由于每一步设定都是通过拖拽,点击按钮还有在选项中调整数值,有时候有点难以找到一些你需要的设置。

 protoio

价格:

15天免费试用。

1个用户:$29/月

2个用户:$49/月

5个用户:$99/月

10个用户:$199/月

 

产品特色:

1、丰富的手机组件

2、支持组件交互

3、可以直接从Dropbox上传设计图

4、支持Sketch和Photoshop插件

 

预览:

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

 

导出:

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

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/18741/

(0)
yanz kontolyanz kontol
上一篇 2023-03-03
下一篇 2023-03-03

相关推荐

  • AxureRP7.0扩展元件库

    1、本元件库仅适用于Axure rp7.0以上版本; 2、本元件库已集成Axure rp7.0自带元件,避免使用中元件库的切换; 3、本元件库中所有元件均可设置,设置选项一般与元件使用说明在同一位置,使用说明一般在某个动态面板…

    2014-09-28
  • axure元件下载:Axure 7.0 ios8元件库1.2最新版

    axure 元件下载 注意事项: 1、本元件库中的字体图标以及部分元件使用时,需要双击安装1.2版本的压缩包中的TFF字体文件,并重新启动Axure,否则拖进编辑区不能正常显示。 2、如果在本机演示原型,无需进行其他设置…

    2015-07-20
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • Axure RP 8 BETA

    新一代的Axure 8.0 现在推出 beta版本   [button type="danger" text="官网下载beta版本" url="http://www.axure.com/beta" open_new_tab="true"] 快速下载地址: Win版下载地址:http://pan.baidu.com/s/1o6p…

    2015-08-13
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • Mockplus原型交互跟我做之1-30秒做一个自动消失的消息框(Toast)

    从现在做,跟我一起来认识Mockplus的交互。 Mockplus的交互,非常简单、直观、容易上手。你所需要做的,只是拖一拖鼠标,然后几步设置而已。 当然,只要你愿意,还可以实现强大的交互效果。 不废话,先来做一个,试…

    2016-01-18
  • 行业最佳实践 | 冷兔:用做产品的思维做表情

    冷兔创意工作室是一个年轻而又注重创意的团队。冷兔的小伙伴们在这里创作好用的聊天表情,构思好笑的漫画,绘制充满想象力的艺术画作,以及制造更多有趣的产品。冷兔创意工作室的核心工作是生产快乐,并通过冷兔来…

    2016-10-26
  • Mockplus原型交互跟我做之2- 旋转的风车

    再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。

    2016-01-18
  • 新书:JUSTINMIND权威指南 作者:阿西UED

    《Justinmind权威指南》是国内第一部专著介绍Justinmind交互式原型设计的技术与技巧,讲述如何从确切的需求和期望出发,用最简单的方法创建易用、有效而且让用户愉悦的原型设计。书中从软件基础组件、工作方式、跨…

    2015-07-31
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18