产品经理 原型设计教程

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

0
登录或者登记去做吧。

工欲善其事必先利其器。天天和产品打交道,无可避免的要做一些页面原型,当然也离不开各种工具。好的原型工具软件可以大大提高工作效率,但是每款工具各有优劣。之前写过一篇基于不同平台的原型工具介绍,分别是基于网页、基于桌面端、和原型手机预览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

Welcome to the Gutenberg Editor
照虎画虎——简单WeUI模板UX设计学习