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

相关推荐

  • Axure基础:Axure软件界面介绍

    Axure的软件界面总的来说,可以分为9大模块1. 菜单栏:和大部分的软件界面一样,都是一些常规的文件、编辑、视图……

    2015-01-01
  • 如何让设计效果可量化

    前言: 做搜搜这些年一直沉浸于重点工作中的项目,除了定时写项目总结与培训。都快忘记写文章很抱歉。这次终于有了重新学习机会,应该多写。 长久一来也是思考如何让我们每天面对的工作内容更直观价值体现与量化。 …

    2015-04-13
  • 盘点3款原型工具的部件样式

    使用样式是集中管理整个项目的外观及感受的最优方法,通过部件样式可以像word一样对组件进行快速方便的样式设置,大大提高了制作原型的效率。当项目要更新视觉设计时,使用样式不但可以节省时间,还能帮助你统一和…

    2023-03-03
  • 如何用 Axure 制作类似的手机滑屏效果原型?

    不要太复杂: 1.设置2个动态面板 外面的是窗口 里面的是内容 图1:2个动态面板展示,记住这只是展示你不要放在一个层面上,应该是包含关系   图2:包含关系目录示意 2.设计交互事件   接下来看一下设计交…

    2015-07-21
  • 如果让我设计拉勾移动端 App

    在拉勾上发现拉勾自己在招移动端产品,准备在移动端发力,因为自己就是给自己的定位就是以后做移动端,因此投了简历,获得了面试机会,也过了产品负责人的那一面,只是后来 HR 面的时候由于某些原因没能过,虽然很…

    2015-08-06
  • 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
  • 史上最全微信运营架构思维导图

    这些架构图有啥用? 如果你是一名新手运营,这个思维导图会让你系统性的了解你的工作有哪些,为你提供指导、查缺补漏。所以,如果一次无法记牢,那就收藏备用吧。   来自人人都是产品经理

    2015-09-14
  • 如何带初级产品经理

    对资深产品经理来说,你的新人成长,同样是一份很出色的成长成绩。正如一位资深的产品经理最近告诉我,“有一个人告诉我,我是一个很好的领导,是一个伟大的导师,这简直就是我职业生涯中最好的肯定。”将自己最核心…

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

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

    IxD案例 2015-01-05
  • 实例学Axure7.0简约教程 产品原型必备技能

    首先我们要知道Axure是产品经理、原型师经常使用的原型设计工具,能快速地把自己想要的方案展示出来,给程序、美工参考。加快产品开发进度及工作效率,弥补了返工重做的机率。 我们打开Axure,把我们想要的产品方案…

    原型设计教程 2014-09-28