软件原型设计工具介绍

15款优秀移动APP产品原型设计工具首先，一款优秀的移动APP产品原型设计工具应该具备：①.支持移动端演示（随时随地演示给BOSS，厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备）②.组件库（高效复用，谁用谁知道）③.可以快速生成全局流程（程序猿看不懂拆解的，给丫的看这个）④.在线协作（多个PM狗一起用）⑤.手势操作、转场动画、交互特效…(这些都不需要，留给专业的交互、视觉，搞那么虚的不如多想想产品流程逻辑做做减法、写写xxRD啥的)这些年，产品狗们折腾过的原型工具：1. POP（Prototyping on Paper）算是移动App原型设计神器，很多公司在用：quora、sina、豆瓣、36氪、ifanr…操作轻巧简单：先用手机拍下草图原型(存到POP app内)；然后开始编辑图片的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在iPhone上给小伙伴们演示了，并且POP内嵌的交互动作如侧滑、展开、消失等，即可满足一般的动态演示需要。

不太明白？2、Pencil ProjectPencil是一款开源的可以用来制作图表和GUI原型的工具，可以作为一个独立的app，也可以作为Firefox插件。

内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面，包括流程图、UI和一般的通用图形。

通过它内置的模板，你可以创建可链接的文档，并输出成为HTML 文件、PNG、OpenOffice文档、Word文档、PDF。

Pencil Project还包含大量移动app模版。

3.Axure大家都很熟悉了，这里主要说下移动端的演示，这样才充分表达原型意图。

按F5生成原型的时候，在“Mobile/Device”选项中可以设置适配移动设备的特殊原型（Axure 6.5以下版本），再用移动设备访问你生成的原型链接即可（该页面创建一个桌面快捷方式）。

4、Proto.ioProto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型，并且可以模拟出相似的成品。

各种原型设计⼯具（Axure、墨⼑、Mockpuls）的优缺点对⽐Axure优点：1.有强⼤的编辑功能, 使得制作素材库会更便捷⼀点。

2.更快的复制粘贴，素材库和原型库会多⼀些。

3.可以项⽬共享，使得同事间可以同步⼯作，并保留所有⼯作历史，并可以随时到处历史版本的项⽬⽂档。

缺点：1.正版的Axure售价⾼，学⽣等群体可能负担不起。

2.动态⾯板和中继器较为复杂，要完全弄懂也需要⼀定的时间成本，学习成本⾼。

3.Axure只⽀持在本地设计。

墨⼑优点：1.操作效率⾼，易于上⼿。

2.动效丰富。

3.分享⼆维码到微信等⼗分⽅便。

4.可⾃动⽣成页⾯流程图。

5.专为移动端产品原型设计⽽⽣。

基本上能满⾜移动端产品原型的设计要求并且系统控件都是基于APP，以及系统平台IOS和安卓，因此在⾥⾯可以⾸先选择相应的设备布局，减少了不少不必要的⼯作环节。

缺点：1.必须在线操作（离线⽆法保存）。

2.免费版对于项⽬数量、页⾯数量有限制。

3.页⾯流程图不能⾃由操作。

Mockpuls优点：1.基础版免费使⽤，操作简单，上⼿快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览⽅式和导出类型多样，⽀持团队协作。

2.有原型演⽰，可以帮助前端设计师、后端程序员更好地理解你的原型产品。

3.mockplus有组件库和图标库，界⾯设计较为⽅便。

缺点：1.不⽀持⿏标悬停，⼿机预览不是很清楚，⽇历表组件是静态的。

2.表格功能还需要完善。

三者的⽐较墨⼑和Axure： 总的来说墨⼑和Axure就像美图秀秀和photoshop。

前者都是简化了基础的操作，很像封装好了⼀个函数，你直接调⽤就可以了。

⼤部分⼩伙伴外出拍了照⽚肯定是美图秀秀，选选效果，感觉不错之后⽴即分享。

但是真的设计到很多的图层组合，可控地调整页⾯元素，还是会⽤到photoshop，这其实就涉及到不同的需求，你⽤这个软件是想达到什么⽬的，是更想研究逻辑结构还是更像展现原型效果，从⽬标来选择你的⼯具。

介绍五款主流原型设计⼯具介绍五款主流原型设计⼯具，分别是Axure、Balsamiq Mockups、墨⼑、Justinmind和iClap。

AxureAxure RP是美国Axure Software Solution公司旗舰产品，是⼀个专业的快速原型设计⼯具，让负责定义需求和规格、设计功能和界⾯的专家能够快速创建应⽤软件或Web⽹站的线框图、流程图、原型和规格说明⽂档。

作为专门的原型设计⼯具，它⽐⼀般创建静态原型的⼯具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、⾼效。

功能：⽤于制作快速原型的软件。

也可以绘制中保真原型草图。

应⽤⼈群：产品经理、交互设计师、UI设计师、⽹页设计师。

原型分类：低保真（⼿绘草图）、中保真（使⽤相关软件绘制出来的）、⾼保真（包含效果图及原型交互）优点：应⽤灵活，可拓展性强，拥有超级强⼤的交互制作能⼒。

⾼保真的原型设计⼯具，名声⼤，专业性⾼。

缺点：规范性较差。

编辑能⼒着实强⼤，变相导致规范性差，管理不便。

难度稍⼤，⼊门较慢。

鉴于其⽐较复杂，学习难度较⼤，新⼿劝退。

本地型软件，可以下载html⽂档预览，⼿机预览不⽅便。

制作原型的速度⽐较慢（交互操作太多），常常耽误时间，⽽且修改较繁琐。

基本使⽤⽅法：1.元件的使⽤：在RP中使⽤软件需要选择后拖拽到⼯作区使⽤即可。

（以矩形为例）拖拽矩形左上⾓的三⾓就可以进⾏圆⾓设置。

点击右上⾓的圆可以更改它的形状。

左上⾓的三⾓形消失。

旋转，绘制好元件后选择它，按ctrl键，键直接拖拽定界框周围即可。

2.图⽚的使⽤：直接双击当前图⽚元件即可。

也可以在选择元件后的右侧的属性中导⼊即可。

可以直接复制粘贴到AX中进⾏使⽤，⽀持GIF格式。

3. 占位符的使⽤：直接在⾥⾯写⼊内容，双击即可。

4. 放⼤与缩⼩：按CTRL键前后滚动。

5. 页⾯对齐：页⾯的内容在⽣成原型时在浏览器的左侧或中间。

原型设计⼯具：墨⼑介绍墨⼑是⼀款在线原型设计与协同⼯具，借助墨⼑，产品经理、设计师、开发、销售、运营及创业者等⽤户群体，能够搭建为产品原型，演⽰项⽬效果。

墨⼑同时也是协作平台，项⽬成员可以协作编辑、审阅，不管是产品想法展⽰，还是向客户收集产品反馈，向投资⼈进⾏Demo展⽰，或是在团队内部协作沟通、项⽬管理。

本篇博客将会对墨⼑这款⼯具的特点，相⽐其他主流原型设计⼯具⽐如Axure的优势，以及其使⽤⽅法进⾏介绍。

⼀、墨⼑的特点（1）界⾯简约，⽩蓝配⾊，每块功能区都有⼀块独⽴的⽅格区域。

下图是最初始的新建页⾯，也是初始的界⾯排版。

（2）内容丰富且⼈性化，基本满⾜开发者的基本需求。

从左上⾓开始说起，最左侧的左边栏是原型设计中的常⽤组件，这六个分别是⽂字，矩形，圆，直线，图⽚，连接区域。

左边栏右边的是页⾯管理区域，可以管理这次原型设计中项⽬的页⾯，⽽且⾮常⼈性化的在⿏标移动⾄每个页⾯的右侧的三个点时会显⽰页⾯的四个更多功能。

左下⾓，左侧的边栏两个按钮功能分别是删除此页⾯和收起左侧页⾯管理和元素管理的区域。

左边栏右边是元素管理，⽤来管理该页⾯上你使⽤过的所有元素，当⿏标移动到⼀个元素上时，会显⽰锁定，隐藏，连接事件三个更多功能，且在中间的视图中，该元素会变蓝，⽅便你查看。

中间是项⽬的预览页⾯，右侧的悬浮框⾥的图标是缩略的五个功能，分别为页⾯状态、内置组件、我的组件、图标、母版。

点击图标会展开显⽰具体的功能，⽽且最多⽀持悬浮框左右的两个图标展开。

状态能够使⼀个页⾯发⽣变化，例如微信的会话，左拉出现标为未读和删除。

组件存放着墨⼑上所有能够⽤在页⾯上的组件，需要使⽤的组件可以直接使⽤⿏标拖⼊，拖⼊时会显⽰组件创建成功以及组件所在的坐标位置。

我的组件⾥可以保存⾃⼰的常⽤组件或者是⾃⼰组合的组件。

图标存放着墨⼑上能够使⽤的所有图标，同样也是直接拖动如项⽬的视图中就可以使⽤。

母版是⼀个能够批量管理相同组件的功能，使⽤母版后，遇到完全相同的组件，只需要更改任意⼀个就可以⾃动修改所有的其他组件。

产品经理常用的原型图设计工具有哪些？我结合自己的工作经验，给大家整理了九款常用的工具，大家可以简单看看，然后选择一款最适合自己的。

一、摹客RP学习曲线:低。

简介:摹客原型设计采用基于Web的全新架构，无需下载，不受设备系统限制，可以通过浏览器快速设计原型。

摹客原型自带钢笔、铅笔等矢量工具，可帮助用户自由完成设计。

设计完成后，可以与团队成员无缝合作，轻量化设计可以直接交付开发，真正实现从创意到落地。

优点：全新的主辅画板模式可以灵活创建不同的交互效果。

支持多人同时在线编辑同一个项目，共同完成APP原型设计。

自带钢笔工具、铅笔工具、布尔运算、响应布局等特色功能，设计创作自由。

支持页面交互、状态交互、命令交互，设置各种触发方式和曲线，快速交互原型。

支持在设计稿中直接绘制流程图，清晰地呈现项目逻辑。

缺点:不支持离线使用。

适用人群:需要快速绘制中高保真原型的产品经理和设计师。

还可快速构建原型，WEB/端/平板原型，线框图，视觉稿。

二、Axure学习曲线:高。

简介:AxureRP是美国AxureSoftwareSolution公司的旗舰产品，是一款专业的快速产品原型工具，允许负责定义需求和规格、设计功能和界面的专家快速创建应用软件或Web的线框图、流程图、原型和规格描述文档。

作为一种专业的原型工具，它可以快速地创建原型，同时支持多人合作设计和版本控制管理。

优点:多端操作，自带组件库，支持强大的第三方组件库，强大的交互支持，完整的教程和文档支持，原型预览支持。

缺点:学习曲线高，性价比低，专业需求高。

适用人群:适合追求强交互效果和细节的产品经理和设计师，需要有一定的经验或专业性。

由于篇幅原因，接下来的七款工具会在下篇文章中继续介绍，赶紧去看看吧！前面给大家了四款常用的原型设计工具“产品经理常用的原型图设计工具有哪些？（二）”，接下来看看另外的两款，也非常不错。

五、Proto.io学习曲线:中简介:Proto.io是一种专门用于应用的产品原型工具——可以构建和部署全交互应用的原型，可以模拟类似的成品。

两款原型工具介绍Axure RP Pro 7.0Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

安装文件及部件库\\192.1.2.30\Tools\Axure软件界面下载部件库: /community/widget-libraries选择其中一个部件库选择所有部件库选中部件，拖拽出主页框添加了表格部件和按钮部件放置部件的时候会出现虚线以辅助两个部件的对齐修改部件的属性。

以按钮为例，双击按钮使按钮上的文字变成可以编辑状态。

修改为需要的内容表格内容的指定的过程也类似，填写表头和表格的内容。

以下是使用Axure根据 BO Report Service做的界面示意图。

如果对界面有更加精确的要求，可以使用“部件属性和样式”功能。

可以部件的颜色、字体、对齐等属性进行调整。

Balsamiq Mockups安装文件：\\192.1.2.30\Tools\Balsamiq Mockups主界面如下图，红色框区域是部件的分类，蓝色框区域是分类之下的部件。

这款软件的特点是采用手绘风格，快速构建软件界面示意图。

添加部件也是使用拖-放的方法。

添加一个Windows并命名为“Fortex Host Service Manager”在Windows之上再添加一个Data Grid双击Data Grid，以文本形式编辑Data Grid的表头和内容，每行文本对应一行数据表的内容。

以下是使用Blasamiq Mockup根据BO Report Service做的界面示意图。

最后是BO Report Service真实的界面。

axure的用法Axure是一种快速原型设计工具，用于创建用户界面和交互设计的模型。

Axure具有以下用法：1. 设计原型：使用Axure可以快速创建具有交互功能的原型设计。

用户可以添加页面、部件、交互元素、状态和动画效果，以实现更贴近最终产品的界面设计。

2. 界面设计：Axure提供了多种预设的界面部件和模板，使用户可以轻松设计出符合用户体验和品牌要求的用户界面。

3. 交互设计：Axure允许用户定义不同页面元素之间的交互。

用户可以为按钮、链接、表单等添加交互动作，如点击、滚动、弹出菜单等，以模拟用户在实际使用中的交互体验。

4. 团队协作：Axure支持多人协作，团队成员可以同时编辑同一个原型设计，进行实时协作，并通过评论和批注功能进行沟通和反馈。

5. 导出产物：在设计完成后，Axure可以导出多种格式的产物，如HTML、PDF、PNG、Word等，以便与团队成员、客户或开发人员共享和交流。

总之，Axure是一款强大的原型设计工具，它提供了丰富的功能和工具，帮助用户快速创建高质量的用户界面和交互设计。

当进一步使用Axure时，你可以尝试以下用法：6. 模拟互动流程：Axure允许设计师创建用户可以点击和浏览的互动流程。

你可以创建不同页面之间的过渡效果、链接和导航，模拟用户在应用程序或网站中的导航和流程。

7. 数据驱动设计：Axure允许你使用变量和条件逻辑来创建数据驱动的原型。

你可以为表单字段定义规则，验证输入数据并显示不同的结果，模拟实际应用程序中的数据处理和反馈。

8. 设计系统组件：Axure允许你创建可重复使用的设计组件，以便在整个项目中保持一致性。

你可以创建自定义部件库，包含按钮、表单、导航和其他常用元素，以便团队成员可以重复使用和快速创建界面。

9. 用户测试原型：Axure提供了一些功能，如注释、用户反馈和用户浏览记录，帮助你进行用户测试和获取用户反馈。

你可以将原型分享给用户，让他们完成指定任务并记录他们的反馈，以便进一步改进设计。

原型⼯具介绍———墨⼑以及Axure⽬录⼀背景介绍⼆⽐较两款原型⼯具三墨⼑原型⼯具的学习四⼼得体会⼀背景介绍1 墨⼑1.1墨⼑介绍：墨⼑是⼀款国产在线原型设计与协同⼯具，借助墨⼑，产品经理、设计师、开发、销售、运营及创业者等⽤户群体，能够搭建为产品原型，演⽰项⽬效果。

墨⼑同时也是协作平台，项⽬成员可以协作编辑、审阅。

⽤户群体包括：产品经理、设计、研发、运营销售、创业者等。

1.2 功能介绍1.操作简单：简单拖拽和设置，可将想法、创意变成产品原型。

2.演⽰：多种演⽰模式，项⽬演⽰效果逼真。

3.团队协作：可以与同事共同编辑原型，提⾼效率；⼀键分享发送给别⼈；还可在原型上打点、评论，收集反馈意见，⾼效协作。

4.交互简单：简单拖拽就可实现页⾯跳转，还可通过交互⾯板实现复杂交互。

5.素材库：内置丰富的⾏业素材库，也可创建⾃⼰的素材库、共享团队组件库，⾼频素材直接复⽤。

6.免费：⽀持产品设计、⼯作流、原型预览、Sketch标注插件、移动端演⽰，可免费创建3个项⽬，每个项⽬20个页⾯，以及总共50MB素材容量。

[1]7.分为个⼈专业版和企业版：个⼈专业版享受免费版所有功能，可以创建不限数量的项⽬及页⾯，⽀持⽂件导出；企业版可以享受专业版所有功能，⽀持添加企业成员，进⾏成员协作及管理，共享企业⾃定义素材库。

⽅便进⾏成员管理、项⽬管理及数据管理。

2.Axure2.1Axure介绍Axure RP是美国Axure Software Solution公司旗舰产品，是⼀个专业的快速原型设计⼯具，让负责定义需求和规格、设计功能和界⾯的专家能够快速创建应⽤软件或Web⽹站的线框图、流程图、原型和规格说明⽂档。

作为专业的原型设计⼯具，它能快速、⾼效的创建原型，同时⽀持多⼈协作设计和版本控制管理。

2.2 功能介绍1.导航⾯板在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界⾯框架，决定信息内容与层级。

可以对页⾯进⾏添加、删除和重命名，以及页⾯组织排序。

教程名目〔一〕Axure介绍互联网行业产品经理的一项重要工作，确实是根基进行产品原型设计(PrototypeDesign)。

而产品原型设计最根底的工作，确实是根基结合批注、大量的讲明以及流程图画框架图wireframe，将自己的产品原型完整而正确的表述给UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改prototype直至最终确认，开始投进执行。

进行产品原型设计的软件工具也有许多种，我写的那个教程所介绍的AxureRP，是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。

同时，此软件也在产品经理圈子中广为流传。

之因此AxureRP得到了大伙儿的认同和推广，正是因为其简便的操作和使用，符合了产品经理、交互设计师们的需求。

在正式谈AxureRP之前，我们先来瞧瞧做产品原型设计，现在大致有哪些工具能够使用，而他们的利弊何在。

纸笔：简单易得，上手难度为零。

有力于瞬间创意的产生与记录，有力于对文档即时的讨论与修改。

然而保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。

Word：上手难度一般。

能够画wireframe，能够画页面流程，能够使用批注与文字讲明。

然而对交互表达不行，也不利于演示。

演示。

然而不利于大篇幅的文档表达。

Visio：功能相比照拟复杂。

善于画流程图，框架图。

不利于批注与大篇幅的文字讲明。

同样不利于交互的表达与演示。

Photshop/fireworks：操作难度相对较大，易于画框架图、流程图。

不利于表达交互设计，不擅长文字讲明与批注。

Dreamweave：操作难度大，需要根底的html知识。

易于画框架图、流程图、表达交互设计。

不擅长文字讲明与批注。

以上这些工具，根基上产品经理经常会使用到的，然而从全然上来讲，这些工具都不是做prototypedesign的专门利器，需要依据产品开发不同的目的，不同的开发时期，选择不同的工具搭配使用，才能到达表达、沟通的目的。

原型设计的⼏种⼯具简介在介绍原型设计⼯具之前⾸先要了解原型是什么，因为只有了解了原型，才能更加清晰明了的体会到原型设计⼯具的作⽤性以及重要性。

那么，原型是什么？其实因为应⽤的⼴泛性，让原型的含义变得多种多样。

对于不同的⼈群来说，原型对于他们的定义也不⼀样。

因此，通常从使⽤的⾓度来理解原型的概念。

如果在最终的制品产⽣之前，⼀个中间制品被⽤来在⼀定⼴度和深度的范围内表现这个最终制品，那么这个中间制品就被认为是最终制品在该⼴度和深度上的原型。

通俗的来说就是产品原型可以说是整个产品⾯市之前的⼀个框架设计。

原型设计⼯具简介关于原型设计的⼯具有很多，在这⾥就先介绍两种，分别是墨⼑和Axure RP。

这两款原型设计⼯具都挺好⽤的。

墨⼑：墨⼑为北京磨⼑刻⽯科技有限公司旗下⼀款在线原型设计与协作⼯具产品，⽤户群体包括：产品经理、设计、研发、运营销售、创业者等。

墨⼑的操作简单，将想法、创意变成产品原型只需要在旁边的操作选框中进⾏简单拖拽和设置。

同时对于做好的项⽬，其演⽰效果逼真。

在团队协作中，可以与同事共同编辑原型，使效率提升。

通过⼀键分享发送给别⼈，分享便捷。

甚⾄还可在原型上打点、评论，收集反馈意见，⾼效协作。

交互简单，简单拖拽就可实现页⾯跳转，还可通过交互⾯板实现复杂交互的转场效果，可以实现⼀个媲美真实产品体验的原型。

Axure RP：Axure RP是美国Axure Software Solution公司旗舰产品，是⼀个快速原型设计⼯具，让负责定义需求和规格、设计功能和界⾯的⼈能够快速创建应⽤软件或Web⽹站的线框图、流程图、原型和规格说明⽂档。

作为原型设计⼯具，它能快速、⾼效的创建原型，同时⽀持多⼈协作设计和版本控制管理。

Axure的可视化⼯作环境可以让你以⿏标的⽅式创建带有注释的线框图。

不⽤进⾏编程，就可以在线框图上定义简单连接和⾼级交互。

页⾯的添加、删除、重命名、组织排序；控件的添加、操作、编辑；注释的使⽤、备注。