用什么软件做原型流程图
15款优秀移动APP产品原型设计工具
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使用教程
1介绍互联网行业产品经理的一项重要工作，就是进行产品原型设计(Prototype Design)。
而产品原型设计最基础的工作，就是结合批注、大量的说明以及流程图画框架图wireframe，将自己的产品原型完整而准确的表述给UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改prototype 直至最终确认，开始投入执行。
进行产品原型设计的软件工具也有很多种，我写的这个教程所介绍的Axure RP，是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。
同时，此软件也在产品经理圈子中广为流传。
之所以Axure RP得到了大家的认同和推广，正是因为其简便的操作和使用，符合了产品经理、交互设计师们的需求。
在正式谈Axure RP之前，我们先来看看做产品原型设计，现在大致有哪些工具可以使用，而他们的利弊何在。
纸笔：简单易得，上手难度为零。
有力于瞬间创意的产生与记录，有力于对文档即时的讨论与修改。
但是保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。
Word：上手难度普通。
可以画wireframe，能够画页面流程，能够使用批注与文字说明。
但是对交互表达不好，也不利于演示。
PPT：上手难度普通。
易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。
但是不利于大篇幅的文档表达。
Visio：功能相对比较复杂。
善于画流程图，框架图。
不利于批注与大篇幅的文字说明。
同样不利于交互的表达与演示。
Photoshop/fireworks：操作难度相对较大，易于画框架图、流程图。
不利于表达交互设计，不擅长文字说明与批注。
Dreamweave：操作难度大，需要基础的html知识。
易于画框架图、流程图、表达交互设计。
不擅长文字说明与批注。
以上这些工具，都是产品经理经常会使用到的，但是从根本上来说，这些工具都不是做prototype design的专门利器，需要根据产品开发不同的目的，不同的开发阶段，选择不同的工具搭配使用，才能达到表达、沟通的目的。
[★]产品原型(Demo)设计-Axure入门培训
![[★]产品原型(Demo)设计-Axure入门培训](https://img.taocdn.com/s3/m/0e141be90975f46527d3e182.png)
流程图
与线框图控件相似，你可以拖拉流程图控件到线框面板中，可以通过工具栏和右键菜单来修改流程图 形状的风格和属性。另外，已经绘制好的流程形状可以通过控件右键菜单中的“编辑流程形状”的子 菜单进行流程图形状的转变。 可以在流程图控件上分配一个引用页面 分配一个引用页面，如果 分配一个引用页面 流程图控件引用了一个页面，控件上的文本会 变成页面的名称，修改页面的名称时流程图相 应页面的名称也会变化。 在原型中点击引用了页面的流程控件可以自动 链接到页面中。 在页面导航面板 页面导航面板中拖拉页面到线框图或流程图 页面导航面板 中，将会创建一个引用了页面的流程图控件。 流程图控件上所引用的页面可以通过在控件上 的右键菜单 “编辑流程图形状”进行编辑和清 除。 引用页面后，控件左上角会有一个“页面”图标进行标识。
Axure能让你快速的进行原型的设计，让相关人员对你的设计进行体验和验证，向用户进行演示、沟通交 流以确认用户需求，并能自动生成规格说明文档。另外，Axure还能让团队成员进行多人协同设计，并对 设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革： 进行更加高效的设计； 让你体验动态的原型； 更加清晰的交流想法；
14
流程图
在建立原型文件时可以建立流程图，流程图其实也是页 面，只要修改页面类型为流程图 页面类型为流程图即可。在页面上点击右 页面类型为流程图 键，选择“图表类型->流程图”，这时在页面前图标会 变为一个 图标。 注意：要创建流程图并不是一定强制要将页面指定为流 程图，指定为流程图只是方便识别。 在控件面板中的顶部工具栏上点击“流程图”按钮可以 找到流程控件。Axure里面由于不涉及到具体的程序流 程，所以有些标准的图形并没有提供，但可以支持基本 的流程图，特殊的形状可以添加图片表示。
手机原型设计–Visio篇
从转入移动互联网后，一直想写关于手机原型设计的一些常用工具和设计方法，通过自己从互联网 转到移动互联网的一些常用的工具使用，可以实现多种方式来做手机客户端的产品设计，以达到最 好的效果。希望对于处于手机客户端设计的设计师有些帮助。原型设计的软件很多，Axure、 Visio 、FireWorks、PS、Balsamiq-Mockups…… （这里有一些设计的工具下载地址 ：/cgi/wiki?GuiPrototypingTools）一系列的软件都可以在手机原型设计中使用，甚至 很多人直接用Word直接来做手机的原型设计。今天想说的是用Visio 做的设计和设计方法。 很多人把Visio 称为“万能战士”。微软的Visio 不是简单的画流程图的工具，同样可以画出直观的手机 原型设计，可以直接输出给UI和视觉设计师，配上文档后同样可以交给开发。 Visio 画原型优点： 1、普及度高。Visio 是不可或缺的一款软件产品，不论是开发人员还是产品经理都会在自己电脑上 装个Visio ，很多时间在电脑安装Office时都选择了安装Visio 。Visio 的重要性已经不需要再细说，相 信Visio 在这些设计软件中的也是认知最高的。 2、组件库极其丰富。你可以说Visio 起动速度慢，那是因为它有太多的东西需要启动，Visio2010增 加了更多，在不断的满足用户流程规范的同时，也为原型设计增加了应用的组件，让原型设计更加 快速化。 3、弹性极好。对于Visio 的弹性确实没啥可说的，在自己切身使用的几款原型设计软件中（Axure、 Balsamiq Mockups、Word、PPT 、GUI Design Studio 、UI Design等）感觉弹性最好的就 是Visio 了，同时可以直接将流程图放在原型图旁边加以说明，标注文字，同时可以导到文档中，也 可以导出为图片，可以直接交付给UI设计。 4 、流程能力表现强大。Visio 最早一定没人用来做原型设计使用，但它最突出的特点是用它来画流 程图。Visio 画流程功能同样配在产品中，交集着原型设计，对于开发、设计都会是一种全方位结合 的方式。 5、完整的支撑整个产品生命周期。这是最重要的一点，同时也是很多设计者愿意用Visio 来画原型 的一方面。为什么说Visio 可以完整的支撑整个产品生命周期，产品从无到有，一定是个迭代的过程 ，不断的产品版本的更新，文档的更新，流程的更新修改，用Visio 画原型，旁边附上流程图加说明 ，会将很多流程简单化。 …… Visio 对于画手机原型设计确实有自己的优势方面，但同样存在着不足，包括界面效果表现，以及交 互方面的缺陷等。 Visio 画原型缺点： 1、静态。这是个很头疼的问题，因为Visio 没办法做到和Axure一样做到交互，只有将事件、提示语
《AxureRP原型设计》课程标准
《AxureRP原型设计》课程标准《Axure RP原型设计》课程标准课程名称：Axure RP原型设计学分：4计划学时：72适用专业：计算机应用技术1．前言1.1课程性质本课程是计算机应用技术专业的一门专业拓展课，其功能在于向学生介绍使用Axure RP创建快速原型的方法，培养学生轻松创建应用软件或Web网站的线框图、流程图、原型和规格说明文档的能力。
通过本课程的学习，使学生熟悉Axure RP的工作环境，重点掌握线框图和流程图的创建方法，简单链接和高级交互，多人协助和版本管理等技术，从而能够进行高效的原型设计，为将来从事APP软件开发、用户体验设计、交互设计、界面设计等相关工作奠定基础。
本课程的先修课程为C语言程序设计，后续课程为移动WEB开发(HTML5+CSS3)。
1.2设计思路本课程是以高职计算机类移动开发方向学生的就业为导向，在行业专家的指导下，对移动开发过程中所涉及的岗位进行职业能力分析，以实际工作中移动WEB开发前期原型设计任务为引领，以原型设计过程中涉及的专业知识与技能为课程主线，通过项目组织教学，倡导学生在项目活动中学会动态原型设计的基本技能。
在教学内容的选择上，贯彻“技能培养为主，知识够用为度”的教学思想，以学生为主体，注重学生实际操作能力与应用能力的培养。
根据原型设计的工作流程，按项目构筑课程教学内容，通过项目引领和任务驱动，并配以案例分析进行教学，着重培养学生的实践应用技能。
建议本课程课时为72学时，计算机类三年制安排在第5学期，计算机类五年一贯制安排在第9学期。
2．课程目标2.1总体目标通过本课程的学习，要求学生充分认识到原型制作的重要性，掌握快速创建动态原型的方法，掌握简单链接和高级交互的实现方法，并学会如何进行多人协同设计和对版本进行管理控制。
教学过程中利用以任务做驱动，对项目和案例进行分析和实现，在此过程中逐渐学会快速创建动态原型，不仅可以让团队成员一起体验自己的设计，而且可以向用户演示和交流以确认用户需求，并为下一步学习移动WEB 开发等课程奠定基础。
Axure RP8原型设计图解第3章 用Axure元件库搭积木
3.1 绘制线框图所用的元件
பைடு நூலகம்
Axure RP 8原型设计软件里
默认内置了40种线框图元件，通 用型元件有20种，表单类元件有 7种，菜单与表格元件有4种，标 记元件有9种，如图3.3所示。
图3.3 线框图元件库
3.1.1 通用型元件的使用
通用型元件包括矩形1、矩形2、矩形3、椭圆形、占位符、按钮、主要按钮、链接按钮、 一级标题、二级标题、三级标题、文本标签、文本段落、水平线、垂直线、热区、动态面板、 内部框架、中继器等。最后3个元件，由于使用比较复杂，交互效果丰富，使用频率非常高， 放在后面的章节中详细介绍，如图3.4所示。
图3.4 通用型元件
1. 矩形元件、占位符元件和椭圆形元件的使用
矩形元件和占位符元件在本质上没有太大的区别，都可以用来做很多工作，如做一个横
向或者纵向的菜单，或者背景图。
这两种元件不同之处在于占位符元件更强调占位作用，如果想表达页面区域某个位置放 什么，可以放一个占位符，清晰明了地表达这个区域的含义。 椭圆形元件的使用和矩形元件的使用方式一样，只是形状不同。
5. 文本标签元件和文本段落元件的使用
文本标签元件是单行文本元件，文 本段落元件是多行长文本元件。如 果只有一行文本选择文本标签 元件，如果有多行文本可以使用文 本段落元件，如图3.14所示。
图3.14 文本标签和文本段落元件
6. 水平线和垂直线元件的使用
水平线和垂直线是很灵活 的两个元件，用它们可以设置
实战演练
1. 矩形1元件是白色（FFFFFF）背景、矩形2元件是浅灰色（F2F2F2），矩形3元件是灰色
（E4E4E4）背景。根据不同背景颜色需求，使用不同矩形元件。拖曳矩形3，高度设置
几款常用流程图绘制软件对比介绍
几款常用流程图绘制软件对照介绍导读：在我们的平时生活工作中，会需要常常用到流程图，特别是关于复杂的工作，更需要使用流程图来帮助梳理思路和逻辑。
万事万物都有其必定的规律和逻辑性，当你能够清楚的面对某件事情或许某项任务的逻辑次序时，你的工作才会事半功倍，更为高效!现在市场上存在着很多的流程图绘制软件，面对这么多的选择，好多人表示不知道该怎样选择，下边就让小编为大家详解介绍一下当前最常用的几款主流流程图制作软件，希望大家能够早日选到心仪的流程图。
介绍一：VisioVisio作为一款专业的图表制作软件，能够制作各式各种的流程图、网络图、组织构造图、工程设计图等等，从某种程度而言，算得上是流程图软件中的开山始祖，而且跟着版本的更迭，当前Visio已经收录了大批现成的模板和形状，弊端就是界面办理不雅观，安装有点麻烦，重要的是很贵，付费的软件仍是建议大家考虑考虑。
介绍二：亿图Edraw Max亿图图示是一款国产的全种类图形图表设计软件，用户能够经过它绘制260多种种类的图表，作为一款纯国产的制图软件，亿图在市道上的反应还算不错，内置的模板和符号比Visio更丰富，且价钱优惠。
支持拖拽式画图，整体操作十分简略，对小白用户较为友善。
除了具备多种画图功能，亿图还能够与其余办公软件相兼容，能够轻松经过软件将文件导出为Office word、excel、ppt、图片、pdf、html、svg、ps，甚至连Visio格式也不在话下!不论是将Visio文件导入到亿图，仍是将亿图的文件导出为Visio格式，都能够在软件中迅速实现。
介绍三：Axure相信大多数产品经理都对这款软件感觉很熟习，作为最常用的原型制作软件之一，Axure在绘制流程图上的表现相同也很优秀，自己自带了一套流程图的控件，操作十分灵巧，支持随时预览，熟习Axure的人能够经过这款软件制作出成效精巧的流程图，但关于入门级的人而言，或许选择自带模板的Visio会比较理想。
基于Axure的原型设计在机顶盒开发中的应用
78《有线电视技术》 2019年第4期 总第352期·桂广网技专栏·当前，在开发数字电视机顶盒产品的过程中，软件功能的需求变化已成常态，这些变化主要体现在用户交互界面、数字电视协议、业务逻辑功能、前端系统平台这四个方面。
一般的业务功能除了搜台、播放、节目指南、数字广播等基本功能之外，还需要节目预约、节目点播、双向互动等特定功能。
这些软件功能的实现一方面需要基于标准的数字电视广播协议，另一方面也需要依赖特定的前端系统平台，同时要设计不同的展现方式和交互方式来满足不同数字电视用户的需求。
为了快速高效地响应需求和适应变化，一般需要软件工程师、产品经理和交互设计师进行快速、有效的沟通，将需求完整地转化为机顶盒的软件功能。
因此，怎样才能高效地设计和开发软件已经成为数字电视机顶盒开发的关注重点。
一般来说，软件产品设计和开发的流程和步骤主要有需求沟通、需求评估、原型设计、软件设计、开发编程、测试交付等几个阶段，如图1所示。
其中，原型设计是整个过程中极为关键的一个步骤，它是客户理念和想法的体现，并直接决定了最终软件产品的用户体验和使用效果。
本文主要探讨的就是将原型设计的理念和方法引入数字电视机顶盒软件设计和开发中。
1 产品原型一个软件的产品原型指这个软件产品在开发之前的一个整体框架设计。
开发者了解到用户需求后，在投入开发前先把产品的效果图、功能框架做出来，用户确认后再进行下一步的具体设计和开发。
在软件产品设计和开发的流程中，原型设计这个步骤有很多种方法，可以通过纸笔在纸上描绘，也可以使用Word、PPT 等将产品框架图画出来。
但这样去设计产品原型，往往只能表达一些基本的创意和想法，不方便展现比较复杂的效果，比如带有各种人机交互效果的软件界面，仅凭手工描绘图或办公软件制作的设计图，根本无法将用户想要的软件交互效果表现出来，可能导致后续的设计和开发不断地返工。
为了避免后期过多的无效工作，提高开发效率，软件产品原型当然是做得越详细、功能效果与最终产品越接近越好，这样用户才能知道将要开发的产品是否符合其要求。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在工作中，我们常用到的流程图有：业务流程图、页面流程图和数据流程图。
作为产品，经常谈的
是业务流程图；作为交互设计师，则比较关心页面流程图；而作为系统分析师，数据流程图最关键，业务流程图，顾名思义，用来描述业务流程的一种图，通过一些特定的符号和连线来表示具体某个
业务的实际处理步骤和过程，详细地描述任务的流程走向，一般没有数据的概念。
无需绘图技巧
使用这个功能丰富的流程图软件，您就不必在如何才能创建视觉上很有吸引力的流程图问题很
专业了。
您只需输入您的数据，剩下就交给亿图就行了，亿图会自动为您排列所有形状，为获得专
业设计应用专业设计主题等。
这个软件让任何层次的用户都能用更短的时间创建更好的流程图。
此外，亿图为您节省更多资金，免费为您进行科技支持和升级。
智能地创建视觉流程图
亿图也可以帮助您将文本和图表中的复杂信息翻译成为视觉图表。
用这种方式用户就能够识别
瓶颈和低效现象，这些也是过程需要精简的地方。
亿图提供智能连接线和高级的文本设计和矢量符号，通过显示浮动对话框告诉你该怎么做。
几分钟获得一个专业的流程图
亿图赋予您能力，简简单单，有效地使用特殊工具，免费的模板和精简的工作流示例就能够创
建出有专业水准的流程图，帮助您快速建立新的流程图、工作流程图、NS图、BPMN图、跨职能
流程图、数据流图和高光流程图等。
所有这些图形的绘制仅需短短几分钟即可。
轻松创建交互流程图
插入超链接和插画功能同样包括在内。
您可以将图表和基础数据连接起来展示更多地细节信息，这样能够增强效率、影响和交流。
为了更加具体一些，你可以通过增加链接到网站、插入附件、添
加注释或者链接到亿图其他视图工具等方式把任何图表转换成信息关口。
它们是交互图形，任何人
都可以轻松使用亿图轻松创建。
无缝地分享与合作
亿图流程图软件能够与其他程序无缝地合作。
亿图与微软 Office 兼容，并且亿图的文件可以一键导出成 Word、Excel、PDF 和其他多种图形格式。
您可以几秒钟将亿图文件导入到其他文件中。
所以您的作品就可以和更多的人分享，获得更合作。
亿图图示EDraw Max是一款由深圳市亿图软件有限公司开发的全类型，综合图形图表设计软件，解决跨平台，多领域，全终端的图形设计，图文混排和工程制图等需求。
亿图图示是一款简单易用的快速制图软件，适合任何人绘制任何类型的图表。
使用这款智能的软件释放您的创造力，使用免费的模版轻松设计和创建惊艳的图表。
作为一款新颖小巧，功能强大的矢量绘制软件，让你轻松且高效地绘制各种流程图，网络图和商业图表。