推荐几个开发高薪技术产品(APP、网站、小程序)的原型设计工具

工欲善其事必先利其器。作为一名产品经理,如何才能快速地设计一款产品?一款优秀的产品原型工具必不可少。如何才能选择一款适合自己的原型工具呢?Benson特意整理了11款产品原型工具以供参考,并学习曲线,性价比,功能优缺点等方面进行了简单的介绍。希望能够帮助大家挑选一款称心如意的产品原型工具,提高工作效率。

 

1.Pop (Prototyping on Paper)

产品原型工具-POP

 

价格:免费试用30天 专业版 960 RMB/人/年

学习曲线:低

 

简介: POP是一款设计界面的原型工具,适用于iOS和Android平台。借助POP,开发者或设计师只需在纸上简单地描绘出创意或想法,拍下几张草图照片,并将照片按顺序放置,利用链接点描摹出各张图片之间的逻辑关系,就可轻松创建一个动态模型,点击播放即可演示整个模型。

 

优点:与Balsamiq等同类应用相比,POP的优势在于简单易用,学习曲线短,生成快速且能被分享。

 

缺点:只支持低保真原型。对于被展示的客户或者团队成员,只知道产品的大概方向;交互效果复杂时不能很好地表达设计。

 

适用人群:追求手绘风格及快速原型的产品经理和设计师(对于短期内使用免费原型工具的人群来说,这也不失为一个好选择)。

 

2.Mockplus

产品原型工具-Mockplus

 

价格:基础版(终身免费) 专业版 199/人/年

学习曲线:低

 

简介:Mockplus是一款简洁高效的免费产品原型工具。它为用户提供丰富的组件和图标资源,通过拖曳即可实现界面设计。支持一键导入项目页面和模板,快速搭建基础页面。软件还支持自定义组件库,数据填充,Sketch导入,拖曳设置交互等特色功能实现快速设计。近期,该工具还推出了团队协作功能,团队成员之间可以查看、编辑、评论项目,帮助用户更好地完成协作设计。

 

优点:学习曲线短,快速上手,交互简单(只需拖曳),功能多样,组件资源丰富,支持8种预览方式和多种文件导出类型,支持团队协作。

 

缺点:不支持手势交互

 

适用人群:各阶段的产品经理及UI/UX设计师,追求中低保真,交互效果,快速原型,新手或专业人群皆适宜。

 

3.Axure

产品原型工具-Axure

 

价格:免费试用30天 专业版 3480 RMB/人/年

学习曲线:

 

简介:Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速产品原型工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

 

优点:变化多端的操作,自带组件库并支持强大的第三方组件库,提供强大的交互支持,完整的教程及支持文档,支持原型预览。

 

缺点:学习曲线较高,性价比不高,专业需求度高。

 

 

适用人群:适用于追求强交互效果及细节产品经理及设计师,需要具有一定经验或较强专业性。

 

 

4.Wireframe sketcher

产品原型工具-WireframeSketcher

 

价格:免费试用14天专业版663RMB/人/年

学习曲线:较低

 

简介: WireframeSketcher是一款强操作灵活、功能强大的线框图工具。可帮助设计人员,开发人员和产品经理快速创建用于桌面,Web和移动应用程序的线框和原型。值得一提的是Wireframe Sketcher还是一款带有手绘风格的创作工具,这在一定程度上可以帮助用户专注于设计。除此之外,这款产品原型工具还提供大量的UI控件,支持通过链接创建交互原型,灵活的Wiki形式,线框图注释,生成PDF文档等。

 

优点:操作灵活,绘制页面速度很快,功能强大,支持手绘风格,提供大量模板,可以进行原型导出。

缺点:仅支持低保真,交互效果较少。

适用人群:简单表达设计或追求手绘风格的产品经理及设计师。

 

5.Proto.io

产品原型工具-Proto.io

 

价格:免费试用15天 专业版(5个项目)1924 RMB/人/年

学习曲线:中

 

简介:Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。并且它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器。

 

优点:丰富的UI元素,且可以自定义;支持多屏互动和组件交互,可以从Dropbox上传设计图。

缺点:不支持实时预览,交互动效较多时动画不够流畅,性价比不高。

 

适用人群:擅长于使用Web浏览器的产品经理或设计师。

 

 

6.Balsamiq Mockups

Balsamiq官网界面

价格:免费试用30天专业版 600/人/年

学习曲线:较高

 

简介:Balsamiq Mockups是一款软件工程中快速产品原型工具,可以作为与用户交互的一个界面草图,一旦客户认可也可以做为美工开发HTML的原型使用,特别是在web原型图设计领域有不错的影响力。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽。此外,这款工具支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、颜色控件、表格、Windows窗体等。除此以外,还支持iPhone手机元素原型图。

 

优点:虽然不是免费原型工具,但性价比也算不错;工具内置大量模块,能够快速应用于原型设计,支持手绘风格。

缺点:原型没有配色,没有设计风格,不能进行交互展示。

 

适用人群:需要生成简单原型(草图)的产品经理或设计师。

 

7.Fluid UI

FluidUI官网界面

 

价格:免费版(1个项目) 个人版(5个项目)661RMB/人/年

学习曲线:中

 

简介:Fluid UI是一款用于移动开发的Web原型工具,可以帮助设计师高效地完成产品原型设计。用户可以选择低保真的线框图来加快开发,也可以选择高保真的组件来模仿真实的操作系统。Fluid UI 内置超过2000款的线框图和手机UI控件,并且还会经常进行更新,如果这些图片尚不能满足需求,还可以上传自己的图片。

 

优点:操作简单,无设备限制,屏幕流功能,资源库非常丰富,同时支持高低保真。

缺点:有时候看起来不够直观,性价比不是很高

 

适用人群:适合习惯使用多平台的产品经理及设计师。

 

 

8.Justinmind

 

Justinmind官网界面

 

价格:免费试用30天 个人版 2472RMB/人/年

学习曲线:中高

 

简介: JustinMind是一款来自西班牙的原型制作工具,主要致力于高保真原型。它提供的功能有绘图工具,拖放位置,大小,格式和导出/导入的小部件。你还可以自定义小组件,创建自定义组件库,并进行分类。此外,该产品原型工具还提供丰富的动画支持及强大的交互效果(支持手势交互),官网有丰富的组件及模板资源,用户可以根据需要下载使用。

 

优点:支持高保真,支持动画效果,便捷的自定义样式,支持原型共享,支持手势交互。

缺点:学习成本较高,程序启动较慢。

 

适用人群:追求高保真原型的产品经理及设计师。

 

 

9. Justinmind

 

 

免费方式:免费试用30天

Mockplus 买1送1 & 6.6折优惠来袭!

去看看

 

 

功能特色:

  • 支持手势交互
  • 自定义组件(库)
  • 支持动画
  • 支持团队协作功能
  • 支持版本控制
  • 快速预览原型
  • 多种导出方式(HTML+JS, Word, PNG, 导航地图)

 

 

适用情景:高保真原型,线框图,移动端原型

 

Justinmind

 

 

这也是一款适用于高保真原型和线框图的原型工具。不过对于新手设计师来说,这款工具的学习曲线也是比较高的。

 

 

10. Invision

 

 

免费详情:免费1个项目

 

 

功能特色:

  • 项目反馈管理,团队协作,
  • 支持手势和转场功能
  • 快速创建热点链接页面
  • 支持Sketch/Photoshop导入
  • 支持版本控制
  • 支持多种分享方式(URL, Email, SMS, Zip, PNF)

 

适用情景:线框图,移动应用原型

 

Invision

 

InVision可以说是一款较流行的免费原型设计工具,设计师可以利用它免费设计一个的项目。这款工具允许设计师编辑,分享和测试具有一定交互的应用原型。而其团队协作功能,即允许设计师导入原型,讨论和添加交互及动画,也为部分设计师用户所喜爱。因此,InVision更适合团队使用。

 

 

 

11.Flinto

 

 

免费详情:免费试用30天

 

 

功能特色:

  • 支持转场动画,画面滚动流畅
  • 支持创建手势交互
  • 支持Sketch导入
  • 支持在iPhobe/iPad上进行实时预览
  • 分享原型

 

 

适用情景:多页面,复杂交互的原型,高保真原型

 

Flinto中文网界面

 

 

Flinto是一款mac上强大的移动应用原型设计工具,你可以使用它创建多种原型。从最简单的页面跳转到令人印象深刻的交互动效,无需任何代码和复杂的时间轴,我认为这正是大多数交互设计师所期望的。

 

优秀的产品源于优秀的原型设计,而一个优秀的原型往往源于一款优秀的产品原型工具。作为一名产品经理或设计师,选择一款适合自己的原型设计工具显得尤为重要。本文分别从性价比,优缺点,学习曲线等方面为大家介绍了11款工具,相信您已经有了心仪的原型设计工具。心动不如行动,赶紧下载它们进行产品设计吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359157.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

APP界面常用的五种颜色搭配

众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计。移动端UI界面中通常是需要选取主色,…

JavaOne 2015 –提交的技巧和建议

大家都知道JavaOne 。 感觉就像一直在那儿。 而且,即使我们跌宕起伏,而地理位置也不是我们想要的那样,旧金山也很昂贵,而且和。 这是有关各种Java的顶级会议。 今年又再次成为程序委员会(“ Java,DevOps和云…

计算机网络课程计划,计算机网络教学计划2017

计算机网络教学计划2017教学计划(课程计划)是课程设置的整体规划,它规定不同课程类型相互结构的方式,也规定了不同课程在管理学习方式的要求及其所占比例。下面是小编整理的计算机网络教学计划范文,希望对你有帮助!计算机网络教学计划(一)一、…

微信服务商开发能力说明文档

最近看到很多人复制我的这篇文章,我也是醉了,你起码搞个转载,注明出处, 然后设置付费文档,发现也不好使,文章比较简短,别人也能免费看到我的文章全部内容, 无奈之下,再次打开这篇文章开始编辑, 前面增加一些废话, 看看有多少人复制我的文档,我都不想评论,找各…

html中scope的作用,AngularJS 作用域(Scope)

AngularJS 作用域(Scope)作用域(Scope)是一个存储应用数据模型的对象为 表达式 提供了一个执行上下文作用域的层级结构对应于 DOM 树结构作用域可以监听 表达式 的变化并传播事件作用域有什么作用域提供了 ($watch) 方法监听数据模型的变化作用域提供了 ($apply) 方法把不是由A…

跳转到企业缓存之前要考虑的事项

介绍 关系数据库事务是ACID ,强大的一致性模型简化了应用程序开发。 由于启用Hibernate缓存是一项配置 ,因此,只要数据访问层开始显示性能问题,就转向缓存非常吸引人。 添加缓存层确实可以提高应用程序性能,但是它有其…

(027) Linux之shell分支if语句

十年运维系列之基础篇 - Linux 作者:曾林 联系:1494445739qq.com 网站:www.jplatformx.com 版权:文章未经同意请勿转载 一、使用if语句 通过shell,我们可以来写出这样的一个使用if语句的shell脚本片段。如下所示&…

解锁计算机桌面,电脑锁屏按什么键解锁

按回车键即可解锁。具体的解锁过程如下1、先将电脑设置一个密码,再使用电脑锁屏快捷键将屏幕锁掉,最后按回车键解锁。首先在电脑桌面上点击开始菜单,找到控制面板点击并进入。2、然后在弹出的界面找到“用户账户和家庭安全”,并单…

ppt如何旋转流程图_张伟随笔37:我书写方程式和画流程图的方法

珠海海洋王国里的海象山张伟 2020.11.23我书写方程式和画流程图的方法首发/化学张伟/2020.05.13书写化学方程式,在word里面可以实现一部分,例如,我要书写高锰酸钾受热分解为锰酸钾、二氧化锰和氧气,化学式有上下标,可以…

职业技术人士学习捷径最快的网站

由于最近研究大数据相关的技术及前沿技术,对常用的几个网站做一下分享(包含技术网站+最新资讯网站): 1. 36Kr 网站:https://36kr.com/ 提供创业资讯、科技新闻、投融资对接、股权投资、极速融资等创业服务,致力成为创业者可以依赖的创业服务平台,为创业者提供最好的产品和…

单元测试编写_为什么要编写单元测试-测试技巧8

单元测试编写我对最近的博客“您应该测试什么”有很多React,有些人出于各种原因与我达成一致,另一些人则认为建议某些类可能不需要单元测试是完全危险的。 已经处理了什么测试,今天的博客涉及为什么要编写单元测试,而今天的示例代…

7个顶级资源网站,不知道就很可惜

说起搜索资源,大家肯定先想到百度,的确“度娘”很万能,能帮我们解决很多问题,但毕竟百度资源有限,用的人多了就造成重复的问题,接下来,小编给大家分享7个顶级资源搜索网站,能满足你很…

通过Pax考试对JBoss Fuse 6.x进行集成测试,第一部分

JBoss Fuse是一个功能强大的分布式集成平台,具有内置功能,用于集中集成的微服务部署的集中式配置管理,服务发现,版本控制,API网关,负载平衡,故障转移等。 JBoss Fuse 6.x构建在Fabric8 1.x开源项…

【APICloud系列|3】开发APP对UI的一般性要求

以前用APICloud平台开发过一款APP,已经上线,现在担任CTO对UI普及一下常识。 总结 UI图:640*960、1280*720 图标大小:200*200、64*64 图片的格式:png 底部导航栏:两种图片不同颜色。 说明:

浙江大学计算机研究生分数线初试单科学科,计算机考研|这两所自划线,单科没过线也能复试?!...

东南、浙大!单科没过线也能复试!1.东南大学:统考考生(不含报考苏州联合研究生院考生和管理类联考考生)总分超过报考专业复试线20分以上,单科(限一门)可降2分。2.浙江大学:分数线(管理类联考除外)满足以下情况视同上线&…

量子计算机专业大学排名,世界十大新科技排名,量子计算机排第一名(2)

4、从空气中收集净水详细介绍:这项科技对于缺少水资源的国家地区来说会有很大的帮助,而且不需要耗费过多的资源。来自MIT和加州大学伯克利分校的研究团队通过一类新型多孔晶体——金属有机骨架,在空气湿度低至20%的环境下成功收集净水&#x…

java 拉起服务_技术开发者应该如何构建小团队的微服务方案?

作者 | 徐鹏责编 | 刘静出品 | CSDN(ID:CSDNnews)我们的产品是Linkflow,企业运营人员使用的客户数据平台(CDP)。产品的一个重要部分类似企业版的”捷径”,让运营人员可以像搭乐高积木一样创建企业的自动化流程,无需编程即可让数据…

html排序按钮_插件分享 | 可进行排序扫描任务的Task Queue

前言:在以往hvv场景中使用Goby的过程总是存在一个痛点:时间短,目标多,只能盯着扫描进度结束后才能手动返回到初始界面开启下一个扫描任务(内心极度狂躁)。本次Goby更新后又开放了新的插件入口点以及API,使添加扫描任务…

RabbitMQ如何做到不丢不重

目录 MQTT协议 如何保证消息100%不丢失 生产端可靠性投递 ​编辑 RabbitMQ的Broker端投 (1)消息持久化 (2)设置集群镜像模式 (3)消息补偿机制 消费端 ACK机制改为手动 总结 MQTT协议 先来说下MQTT…

【LESS系列】简介和使用

LESS —— 一个CSS预编译框架,它在CSS的语法基础之上,引入了变量、Mixin(混入)、运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样,LESS可以…