ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-06-18 11:52:09  阅读:357  来源: 互联网

标签: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款工具,相信您已经有了心仪的原型设计工具。心动不如行动,赶紧下载它们进行产品设计吧!

标签:APP,支持,原型,学习曲线,高薪技术,工具,交互,设计师
来源: https://blog.51cto.com/sunmenglei/2920962

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有