2016你一定要试试这8款原型设计工具
招聘信息：
以前，Photoshop在交互设计领域扮演着主要角色。最近一份显示，&Photoshop的地位有所下降。一共有来自200个国家4000人参与了这次调查，&结果显示，设计师更加倾向于一些新型的工具，&因为这些工具简化了原型设计，设计数字产品的过程。我们可以轻易的从网上获得各种各样的原型设计工具，例如众人皆知的Axure和新发布的Mockplus。下面为大家推荐8款原型设计工具。1.&Axure&PR价格l&标准版-$289一个注册码l&专业版-$589一个注册码Axure&RP是美国Axure&Software&Solution公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。&这是一款非常专业的工具,&但是学习成本也非常高。如果你是一位专业的交互设计师，并且需要设计复杂是交互，你可以使用这款工具。2.&价格：&l&基础版-永久免费l&专业版-10/月Mockplus（摩客）&是一款简洁高效的原型图设计工具，有别于Axure的繁复，Mockplus致力于快速创建原型。无论你是产品小白，&还是大牛，摩客都能满足你的需求。摩客的设计理念就是关注设计，而非工具。如果你时间有限，那你不能错过摩客，因为几乎不需要学习，&你就可以上手这款工具。摩客提供了丰富的组件库和图标库，创建原型，你只需拖一拖。摩客发布2.1新版之后，交互也成为其一大亮点，她将交互设计可视化，只需要拖一拖鼠标，即可完成交互的设计，所见所得，没有复杂的参数，更无需编程。封装好的一些系列交互组件，比如弹出面板、抽屉、内容面板等，让设计交互几乎可以全程“无脑”操作。演示也很简单，直接二位码扫描即可，同时支持发布到云和导出演示包。&3.&Balsamiq&Mockups价格l&单个注册码&-&$89l&多个注册码-&$178&2个&（量大从优）是一款快速创建原型的工具。这款原型工具具有独特的手绘风格。软件的内置组件，&拖拽功能的支持为设计带来了便利。该工具有桌面版本，&同时也可以作为Google&Drive,&Confluence&和&JIRA的插件使用。4.&Justinmind价格:&l&试用期-30&天l&专业版本-&$29/月&（包年$19/月)JustinMind是由西班牙JustinMind公司出品的原型制作工具，主要致力于高保真原型。它提供的功能有绘图工具，拖放位置,大小,格式和导出/导入的小部件。你还可以自定义小组件，创建自定义组件库，并进行分类，&提供丰富的动画支持。如果你要创建复杂的高保真原型，&可以尝试这款工具。缺点就是需要一定的学习成本，程序启动也比较慢。5.&价格l&免费版-&一个项目l&初级版&–&3&个项目&=&$15/月l&专业版&–&无项目限制&=&$25/月l&团队版&–&无项目限制,&5&个用户&=&$100/月l&企业版&–&无项目限制,&高级功能InVision是一款设计原型交互的工具。使用InVision可以很好的实现团队之间的协作，&也便于收集反馈意见。它可以让你将静态的网页，移动app设计图快速的变成可以点击，&具有交互效果的动态原型。让你的设计“活”起来。6.&价格:&l&基础版-&$&19&/月l&专业版&-&$29/月l&专业版+&-&$49/月UXPin是一款在线原型设计工具。你可以通过拖拽的方式快速创建原型，无需敲一行代码。通过UXpin，你可以创建高保真原型，同时也支持从Sketch和Photoshop导入你的设计。7.&OmniGraffle价格:&Macl&标准版-&$&99.99/注册码l&专业版&-&$199.99/注册码iOSl&标准版-&$&49.99/注册码l&专业版&-&$99.98/注册码OmniGraffle是由来自美国的The&Omni&Group制作的一款原型设计工具，这款工具只针对苹果用户，有OS&X版和iOS&版。它曾获得2002年的苹果设计奖。可以使用它快速绘制线框图、图表、流程图等。用Origami创建iPhone和iPad原型是比较好的选择。8.&Flinto价格:&l&Flinto&Lite（网页版）-&$&20/月l&Flinto&for&Mac&-&$99/注册码Flinto可以让你快速的为web、移动app设计交互。通过拖拽，可以快速的为你的设计图设置跳转和动画。Flinto提供了常用的转场效果。如果你需要设计iOS&app的交互演示效果，Flinto是不错的选择。总结：市场上的原型设计工具各色各样，很难定义谁是最好的。这还主要取决于你的个人喜好和设计需求。如果你正在寻找一款简单易用，又实惠的原型设计工具，个人认为Mockplus是很理想的选择，不像Axure、Justinmind那样繁复，也比Balsamiq功能强大。这是国内第一款原型设计工具，服务和支持也做得很好。如果你愿意支付高额的价格，需要复杂的原型，并且英语也很好，那你可以选择Axure，不过个人认为Axure比较笨重。原作者：Becky Horne原文地址：/@Mockplus/8-ux-and-ui-wireframe-tools-you-must-try-in-2016-f8fbcccf7f6e#.on44f9ruz
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量15468点击量12947点击量11483点击量9727点击量9233点击量7671点击量7545点击量7358点击量6861
&2016 Chukong Technologies,Inc.
京公网安备89产品经理必备的原型设计工具汇总_杜一的十年_新浪博客
产品经理必备的原型设计工具汇总
​​用户量最大的Axure
Axure&RP,即Axure&Rapid&Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格、设计功能和界面的用户快速创建线框图、流程图、原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理。
Axure&RP的用户群体非常宽泛,包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关从业者。
产品经理必备原型设计工具-&Axure&RP
&Axure&RP优点:
1、擅长原型设计的复杂交互行为;
2、拥有良好的培训和文档支持;
3、拥有多种元素样式,可增加独立元素交互性;
4、内置的插件库可以定制特殊的动作和行为。
虽然Axure的应用几乎已成惯例,但它也有自己的缺点:
1、陡峭的学习曲线,对于初学者来说不算容易;
2、在导出HTML之前无法对原型进行预览;
3、原型的web展示并不支持所有的浏览器,比如,对于谷歌浏览器就必须要使用插件才能观看;
4、对其它设备的支持较差。
但就我看来,Axure最大的优点是在细节交互,而最大的缺点是它更多用于商业使用。
产品经理必备原型设计工具-Balsamiq&Mockups
表现形式极为丰富的Balsamiq&Mockups
Balsamiq&Mockups是一款快速原型的设计软件,既能快速设计草图,又能较好地进入到平时团队工作的流程和工具。
Balsamiq&Mockups的优势也极为明显:
基于Adobe&Air,提供的原型图基于XML格式,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows&7、FreeBSD、Ubuntu等平台中,高效率地完成每个原型设计任务。
Balsamiq&Mockups还具有极其丰富的表现形式,设计效果非常美观。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持Phone手机元素原型图,极大地方便了开发iPhone应用程序的软件工程师。
Balsamiq&Mockups的lisence授权对于个人用户来说可能算是价格不菲。
产品经理必备原型设计工具-Justinmind
&专属移动APP原型设计的Justinmind
JustinMind可以输出Html页面,与目前主流的交互原型设计工具相比更为专属于设计移动终端上app应用。Justinmind&Prototyper的收费版本提供iPhone,android,ipad等交互组件,并有丰富的动态效果,但免费版就要简单一些。Justinmind&Prototyper同时提供winxp,win7和mac&os的版本。
1、JustinMind的可视化工作环境支持以鼠标的方式创建带有注释的高保真原型;
2、提供多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等,在需要产生效果的部件中选择对应的手势即可;
3、JustinMind为iPhone、iPad、黑莓、Android提供了多样的组件,可以创建自定义组件库;
4、比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性;
5、可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。
产品经理必备原型设计工具-Fluid&UI
Fluid&UI也是一个手机应用原型开发工具,支持iOS、Android、WP系统。FluidUI支持Chrome、Safari、Firefox浏览器,可以在Windows、Mac、Linux系统上运行操作,没有平台限制,支持添加手势,让开发者几分钟内便轻轻松松地完成原型创建。
Fluid&UI还有其他一些特点:
1、提供了易懂的操作流程和非常直观的用户体验,用户可以随意的拖动任意的组件并控制它们的大小;
2、使用FluidUI进行原型创作可同步保存到云端,并实时更新,无需任何编程即可直接生成可在智能手机上运行的App原型。
3、Fluid&UI提供了付费和免费两个版本,但免费的版本限制你只能在一个应用中创建10个界面。
产品经理必备原型设计工具-GUI&Design&Studio(GDS)
&GUI&Design&Studio(GDS)
GUI&Design&Studio面向应用软件设计图形用户界面,适合客户端软件设计。能够快速将设计思路以可视化的方式来表现出来,并实现基本的交互,便于演示以及与客户完成有效沟通交流。
GUI&Design&Studio支持所有基于微软Windows&平台的软件,提供的了大部分C/S、B/S组件的示意图,可组合使用,是一款非常款适合界面原型设计者和界面原型开发员的软件,能够满足一般应用软件界面模型设计需要。
App原型设计的工具还有不少,比如Proto.io、Mockup&Builder,AppCooker、FluidUI&、开源手绘风格原型图绘制工具&Pencil、功能全面但并不复杂的Lumzy等,都有不错的用户群,开发者们可以根据自身具体情况选择合适的原型设计工具,提供应用开发效率。
产品经理必备原型设计工具-iClap
覆盖多终端的iClap原型工具
原型图工具是产品设计人员在工作中经常使用的工具，比较常见的是Axure，但Axure只能在PC上操作且文件保存在本地，iClap针对以往产品人员制作原型图时操作复杂、演示困难、沟通繁琐等问题，为产品设计人员提供了在线原型制作工具，同时对于那些习惯使用Axure的产品人员来说，也将Axure集成了iClap工作流，如：自动上传、自动通知、添加批注、即时沟通等。
&原型工具的特点：
1、支持手机、PC操作
2、基于WEB的在线制作，
3、50多套手机母版、组件、制作起来更简单
4、文件存储云端，制作完成后立即通知相关人员
5、手机端集成批注工具，发现问题随时沟通
6、自动适配分辨率，完美演示
iClap原型工具优势：
用iClap原型工具制作的原型图，不受地域、设备、平台、时间限制，生成链接、即点即用
简化工作流
使用母板、组件快速制作原型图，制作完成后自动上传，并将文件保存在云端，方便项目组人员随时查看
高效沟通问题
当发现问题是，使用批注，可以更快速、更准确的定位问题，减少沟通成本，提高工作效率。
讨论的结果会自动归档到云端，便于项目管理
让Axure文件互联网+
用iClap原型工具可以打开Axure文件，并使该文件集成iClap的便捷特性，不受本地限制，生成链接、即点即用、添加批注、存储归档。
以下是Axure原型工作流和iClap原型工作流的对比：
Axure原型工作流和iClap原型工作流的对比
杜一的十年
博客等级：
博客积分：0
博客访问：24,423
关注人气：0
荣誉徽章：作为 Mac 平台下最好的原型设计工具，除了用来绘制普通图表、树状结构图、流程图、页面编排等，还可以试试规划电影剧本、 绘制公司组织结构，甚至是作为演示文稿来展示一个项目。
由于利用了很多 OS X 原生绘图属性，Omnigraffle 只支持 Mac / iPad ，它在很多方面表现都有 Visio 的影子，就连名字里的 “Graffle” 都是创造出来对应 “Visio” 的，尽管在 web 交互事件上并不如 Axure 那么丰富，对移动平台的支持也不如一些新星 (如 briefs 和 fluidui ) 的表现那么亮眼，但由于其丰富的模板库、轻松的上手体验以及大量贴心的细节，战胜了其它所有竞争对手，成为我日常工作最主要的工具。
以上几个软件已经能涵盖大多数的使用场景，但工具毕竟只是纸和笔的延伸，在熟练掌握其中一个的基础上，不断尝试新工具不仅能发现更多有价值的技巧加快设计节奏，更是对自身能力短板的了解，互相结合使用让想法不受工具牵绊，努力让自己成为全栈设计师才是它们的价值。
OmniGraffle 6 for Mac 新特性
1. OmniGraffle 6 软件界面重新进行了设计，工具和属性设置的布局更加合理，相关性的设置都归置在了一起，基本上在一个区域中就能够进行选择和操作，选中对象后，检查器中会自动定位焦点到对应的设置Tab项中，这极大的改善了针对文字、形状调节时的便捷性。另外也允许用户拖拽常用的控制项到画布顶栏中。
2. 模具、模板等应用程序资源可以在程序中更好的进行管理，通过“File & Resource browser”来集中管理模板和模具的新建、导入和恢复，新的整合的检查器界面中的模具展示也更加清晰，而且增加了一种列表模式来显示具体模具的名称和尺寸。
3. 改善和增强了针对图片的编辑，可以直接在画布中调整图片蒙版。直接在图片上右键选择“Mask Image”就可以编辑蒙版，调整显示图片的区域和图片的大小。
4. 新的填充和边线样式，手绘风格的边线，点画和笔划填充风格。
5. 拼合后的形状能还原成组合前的样子，这对于后期拼合形状调整来说非常有用。不论是融合、裁切还是镂空，只需要选择“Uncombine Shapes”就能还原成原来的单个形状以便再次编辑。
6. 增加了新的对象的大小和边缘控制，可以设定形状和包含的文字一起缩放，设定轮廓线上的文字跟随变的更简单。
7. 通过点击共享图层的图标，图层能在正常和共享图层之间切换，设置共享图层变的更简单。
8. 字体的选择和设置比以前更方便和直观
9. 可以在Notes中给对象单独命名了，这样在左侧的列表中可以直观的定位某个对象，而不是旧版本那种全是默认“Line”或“Rectangle”
10. 缩放级别支持按Apple分辨率来映射到每个像素，支持Retina显示效果下的所见即所得操作，缩放级别最大可达6400%
11. 可以自定义辅助线的颜色并精确的设定位置，辅助线可以通过拖拽复制到其他页面
12. Photoshop格式输出的图层支持，OmniGraffle 6中的层可以直接输出成Photoshop中的图层。
资源整理者简介：
可能感兴趣的文章
按分类快速查找
关于资源导航
伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1438 项工具资源。
关于资源导航
伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。
新浪微博：
推荐微信号
（加好友请注明来意）
- 好的话题、有启发的回复、值得信赖的圈子
- 分享和发现有价值的内容与观点
- 为IT单身男女服务的征婚传播平台
- 优秀的工具资源导航
- 翻译传播优秀的外文文章
- 国内外的精选博客文章
- UI,网页，交互和用户体验
- 专注iOS技术分享
- 专注Android技术分享
- JavaScript, HTML5, CSS
- 专注Java技术分享
- 专注Python技术分享
& 2017 伯乐在线