用什么软件做原型流程图

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是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型，并且可以模拟出相似的成品。

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的专门利器，需要根据产品开发不同的目的，不同的开发阶段，选择不同的工具搭配使用，才能达到表达、沟通的目的。

15
流程图
与线框图控件相似，你可以拖拉流程图控件到线框面板中，可以通过工具栏和右键菜单来修改流程图 形状的风格和属性。另外，已经绘制好的流程形状可以通过控件右键菜单中的“编辑流程形状”的子 菜单进行流程图形状的转变。 可以在流程图控件上分配一个引用页面 分配一个引用页面，如果 分配一个引用页面 流程图控件引用了一个页面，控件上的文本会 变成页面的名称，修改页面的名称时流程图相 应页面的名称也会变化。 在原型中点击引用了页面的流程控件可以自动 链接到页面中。 在页面导航面板 页面导航面板中拖拉页面到线框图或流程图 页面导航面板 中，将会创建一个引用了页面的流程图控件。 流程图控件上所引用的页面可以通过在控件上 的右键菜单 “编辑流程图形状”进行编辑和清 除。 引用页面后，控件左上角会有一个“页面”图标进行标识。
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原型设计》课程标准《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 开发等课程奠定基础。

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会比较理想。

78《有线电视技术》 2019年第4期 总第352期·桂广网技专栏·当前，在开发数字电视机顶盒产品的过程中，软件功能的需求变化已成常态，这些变化主要体现在用户交互界面、数字电视协议、业务逻辑功能、前端系统平台这四个方面。

一般的业务功能除了搜台、播放、节目指南、数字广播等基本功能之外，还需要节目预约、节目点播、双向互动等特定功能。

这些软件功能的实现一方面需要基于标准的数字电视广播协议，另一方面也需要依赖特定的前端系统平台，同时要设计不同的展现方式和交互方式来满足不同数字电视用户的需求。

为了快速高效地响应需求和适应变化，一般需要软件工程师、产品经理和交互设计师进行快速、有效的沟通，将需求完整地转化为机顶盒的软件功能。

因此，怎样才能高效地设计和开发软件已经成为数字电视机顶盒开发的关注重点。

一般来说，软件产品设计和开发的流程和步骤主要有需求沟通、需求评估、原型设计、软件设计、开发编程、测试交付等几个阶段，如图1所示。

其中，原型设计是整个过程中极为关键的一个步骤，它是客户理念和想法的体现，并直接决定了最终软件产品的用户体验和使用效果。

本文主要探讨的就是将原型设计的理念和方法引入数字电视机顶盒软件设计和开发中。

1 产品原型一个软件的产品原型指这个软件产品在开发之前的一个整体框架设计。

开发者了解到用户需求后，在投入开发前先把产品的效果图、功能框架做出来，用户确认后再进行下一步的具体设计和开发。

在软件产品设计和开发的流程中，原型设计这个步骤有很多种方法，可以通过纸笔在纸上描绘，也可以使用Word、PPT 等将产品框架图画出来。

但这样去设计产品原型，往往只能表达一些基本的创意和想法，不方便展现比较复杂的效果，比如带有各种人机交互效果的软件界面，仅凭手工描绘图或办公软件制作的设计图，根本无法将用户想要的软件交互效果表现出来，可能导致后续的设计和开发不断地返工。

为了避免后期过多的无效工作，提高开发效率，软件产品原型当然是做得越详细、功能效果与最终产品越接近越好，这样用户才能知道将要开发的产品是否符合其要求。

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

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

⽼牌原型设计⼯具，交互制作功能强⼤，当然同时也带来了较⾼的学习成本。

设计区域是⽆限画布，⽅便给设计稿添加⽂字注解。

在交互效果层⾯，可以实现⾮常多条件判断、巧妙运⽤可以实现更复杂的交互。

不过同时也会带来“效率不⾼”的问题，因为细节过于繁琐，所以会加重产品经理或交互设计师在画原型时的负担Axure RP的⽤户群体⾮常宽泛,包括商业分析师、信息架构师、可⽤性专家、产品经理、IT咨询师、⽤户体验设计师、交互设计师、界⾯设计师、架构师、程序开发⼯程师等相关从业者。

⼆、Invision作为⽬前国外⾮常知名的⼀款在线原型设计协作⼯具，Invision 的发展势头很强。

虽然最⼀开始Invision 主要是做设计稿之后的交互原型和团队协作管理，⽐如可以顺畅衔接Sketch/PS设计稿，为设计稿做批注，以及Freehand功能可以实现团队⾃由讨论想法。

但后来发布的 Invison studio 具备从基础开始的设计功能，可以完成相当精细的设计稿，较为强⼤的交互动效功能也可以满⾜⼤多数设计者的动效需求。

利⽤ InVision Studio，还可以将团队的设计规范落地在设计⼯作中。

不过对于国内⽤户来说，Invision 始终还有些不便利：⽐如全英⽂的界⾯；国内访问速度⼀般；以及价格较贵。

三、Proto .ioProto .io 也是国外⼀款轻便好⽤的在线原型设计⼯具，在⼤多数浏览器中都能使⽤，⽀持导⼊Sketch和PS设计稿做交互。

共有13款界⾯原型设计⼯具开源软件共有13款界⾯原型设计⼯具开源软件软件过滤：所有编程语⾔ Java C/C++ Objective-C PHP Perl Python Ruby C# .NET ASP Google Go D语⾔ Groovy Scala JavaScript HTML/CSS ActionScript VBScript Delphi/Pascal Basic ErLang COBOL Fortran Lua SHELL Smalltalk 汇编 Sliverlight Lisp 所有操作系统跨平台 Windows Linux BSD UNIX OS X Symbian J2ME 嵌⼊式 Android iPhone/iPad/iPod Windows Phone/Mobile Meego Moblin 排序： |Pencil 是⼀款开源的原型图绘制⼯具，⼿绘风格的，就像⾃⼰在纸上画的那样。

Pencil 还可以⽤来绘制各种架构图和流程图，同时还提供 Firefox 的插件（点击这⾥安装）。

最近更新：发布于 2年前AxureRP 是⼀个快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。

Axure RP 能让操作它的⼈快速准确的创建基于Web的⽹站流程图、原型页⾯、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发⽂档。

（通过扩展还会⽀持更多...最近更新：发布于 6个⽉前UIDesigner，简称“UID”，是⼀款进⾏软件界⾯原型设计的⼯具。

它拥有强⼤的模板和预制功能，能够快速的搭建起软件界⾯的⾼保真原型。

可以实现设计师、产品经理、程序开发⼯程师三者间的快速沟通，减少不必要的⼯作内耗。

最近更新：发布于 1年前Balsamiq Mockups是产品设计师绘制线框图或产品原型界⾯的利器。

在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与⾼保真DEMO设计之间，在Balsamiq Mockups出现之前，流程图可以使⽤Visio，⾼保真DEMO可以使⽤Axure，但我们并没有好⽤的...最近更新：发布于 1年前Frame Box 并没有多么特别的特⾊。

产品经理常用7大软件介绍产品经理常用7大实用软件介绍导读：软件或工具只是为了表达我们诉求的一种方式，所以在不同的工作环境或个人习惯的情况下，每个人使用的方式也会不一样。

接下来将为大家推荐一些这些产品经理在日常工作中运用的比较多的实用软件。

1. 思维导图工具MindMasterMindMaster是一款跨平台的国产思维导图软件，软件界面属于Office风格，简洁易懂、稳定性高、自定义功能多，模板也比较丰富。

支持同时在Windows、Mac 和Linux系统上使用，也能够导入XMind、MindManager格式的文件。

软件提供便捷的云存储服务，可以随时随地将文件保存到云空间进行团队分享，还有很多诸如幻灯片演示，一键将文本生成思维导图，护眼界面等人性化功能。

值得一提的是，即使是免费版MindMaster导出的图片也不受任何的限制。

MindManager作为老牌思维导图软件，拥有可视化直观、友好的用户界面和丰富的功能，同时它是高效的项目管理软件，可使使用者有序地组织思维、资源和项目进程。

与同类思维导图软件最大的优势是同Microsoft软件无缝连接，能快速将数据导入或导Microsoft Word,PowerPoint, Excel, Outlook, Project 和 Visio中。

百度脑图是百度公司推出的一款在线思维导图编辑器。

它支持随处拖拽，文件储存在云端，不占用硬盘空间。

百度脑图支持分享功能，可以将脑图一键分享给其他小伙伴。

除基本功能外，百度脑图还支持 XMind、FreeMind 文件的导入和导出，也能导出 PNG和SVG格式的图像文件。

2. 产品文档写作与在线协作工具石墨文档石墨文档是一款富有设计内涵的在线协作文档，支持多人同时编辑一个文档。

石墨文档给人的第一印象是非常的轻便和简洁。

不管是撰写产品文档，记录灵感思路，还是与团队成员在线协作办公，都可以在石墨文档里高效地完成。

3. 原型设计工具Axure RP是一款产品原型设计工具，Axure RP 能让产品经理快速创建应用软件和基于Web的的线框图、流程图、原型页面、交互页面和规格说明文档。

1.2.4 Axure 浏览器插件安装
为什么要安装Chrome浏览器的Axure原型插件？如下图所示，这是我 们在Axure中制作原型后，如果没有安装Axure插件时，在Chrome浏览器 中打开的页面。所以，习惯于使用Chrome的小伙伴们，想要正常想看原 型文件，就快安装Axure原型插件吧。Βιβλιοθήκη 1.1 关于Axure RP
Axure RP快速创建的应用软件和Web网站的线框图、流程图、原型和 规格说明文档，作为专业的产品交流辅助工具，在多个企业、多个项目、多 个阶段中，取得了相当程度的认可。它快速、高效创建的产品原型，特别是 支持多人协作设计和版本控制管理的产品设计模式，己经被很多企业所接受 。甚至在企业产品经理的招聘技能要求中，“能够使用Axure”己经基本成 为标配要求。 Axure RP和其它软件一样，经历了数次的软件版本更新。现在最高版 本为Axure RP 8.0版，而本书就是以8.0为参照版本进行编写。如果因为企 业、项目等各种原因，你现在还在使用较底版本的Axure RP原型。那么， 除了版本更新时的新增部件、动作的介绍内容无法使用外，其它的内容同样 是具有参考价值的。
1.2.2 Windows环境下的Axure汉化
现在常用的Axure8.0汉化包，需要分两次对软件进行汉化。首先需要 先汉化宿主Axure RP软件，然后再对Axure自带的部件库进行汉化。
1.2.3 Axure RP软件卸载
Axure软件的卸载与安装过程大体相同，卸载途径多样，例如：控制 面板、360软件管家中等处都可以卸载Axure RP软件。
谢谢！
AxureRP8.0入门宝典—— 网站和APP原型设计实战
第1章 初识Axure RP
本章概述

2. 操作控件
– 添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小， 还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排 序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在 Object工具栏上的按钮进行。
•
3. 编辑控件风格和属性
– 有多种方法可以编辑控件的风格和属性： – 鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击 一个图片控件可以导入一张图 片；双击一个下拉列表或列表框控件可以编辑列表 项。
• • • 1：初识Axure RP 1.1 什么是Axure RP 1.2 原型的作用和好处
• 2：了解Axure的工作区 • 2.1 页面导航面板 (Sitemap) • 2.2 控件面板 (Widgets) • 2.3 模块面板(Master) • 2.4 控件交互面板(Annotations & Interactions) • 2.5 控件注释面板(Annotations) • 2.6 页面交互和注释面板(Page Notes & Page Interactions Pane) • 3. 流程图(Flow Diagrams) • 3.1 流程图和连接线 • 3.2 自动生成流程图
3. 控件面板（Widgets Pane）
– 该面板中有线框图控件和流程图控件，用这些控件进行线框图和流程图的设计。
4. 模块面板（Masters Pane）
– 模块是一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织。
5. 线框图面板（Wireframe Pane）
– 在线框图面板中可以进行页面线框图的设计，线框图面板也就是进行页面设计的工作区。

功能介绍
部件 注释 站点 地图 工作 区介 绍 Balsamiq Mockups 功能 介绍
部件 交互
控件 注释 页面 注释 模块 注释
其它 介绍 属性 窗口 2 Data Grid Para grap h of text
基本 格式
Axure RP
公用 元素
规格 书
工作 区介 绍
属性 窗口 1
Men u
原型系统的入门介绍
Axure RP Balsamiq Mockups
2015-3
前言
原型系统，用最简单的话来说，就是用一套工具 来快速描述系统的界面和交互，而不需要涉及底层业 务的真正代码开发实现。 原型系统在软件的开发和实施项目中，可以有效 降低需求交流过程中可能发生的信息衰减或失真，以 最快的方式让系统用户或软件工程师了解系统的功能 组成和业务交互关系。 本PPT介绍Axure RP以及Balsamiq Mockups这2 个工具，供入门级使用。
Tree
功能介绍-Balsamiq Mockups
工作区介绍
功能介绍-Balsamiq Mockups
工作区介绍 Application Bar:主要包含Tool Bar 和Quick Add。 Tool Bar即为复制、粘贴、删除等快捷工具 Quick Add类似搜索工具，支持快速定位控件，如在输 入框中输入控件含有的英文，即会检索出建议控件， 支持对其进行搜索 如右图 UI Library即为各种控件库，如各种按钮形状的控件、 各种文本形式的控件、各种容器形状的控件等，可以 根据分组进行查找，也可以全部进行查找，是查找控 件的另一种方法，对需要的控件拖动至画布即可。 Mockup Canvas 为工作区，把需要的控件拖动此区域 进行设置调整即可。

Axure RPAxure RP 是美国Axure Software Solution公司旗舰产品是一款专业的快速原型设计工具，能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。

百度：一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

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

Axure:“Ack-Sure”，RP则是”Rapid Prototyping”快速原型的缩写。

Ack：确认Rapid：[ˈræpɪd] 迅速的、快速的、快捷的Prototyping：[ˈprəʊtəʊtaɪpɪŋ] 原型开发（设计）*Axure RP 9.0（19.4.26）软件+ 汉化（Axure 8.1版本比较多）*草图、框线图、流程图、模型（Sketch）入手：第一步：了解基础、界面功能第二部：界面操作第三步：原创一个产品的交互原型，下载某一类型的App临摹（部件的位置，和优先级）要点：1、Axure：容易学，交互设计不简单的2、初学者建议临摹App、Web，了解基本的常用的交互形式，一切交互形式都不是凭空制造的3、要能在设计交互时，从最表面的第一层，看到用户进行操作时的第二层、操作反馈时的第三层，各种极限情况时的第四层…甚至是第五层、第六层…原则：交互美学1、黑白灰2、元素对齐3、统一、共用组件（less is more）5、先简后繁6、原型图从不以“美”作为主要追求目标，快，简单，传达想法，解决痛点（5-ps：交互稿改稿频繁，先用最简单最快的方式表达想法，再完善，最终没通过评审，交互稿始终都在改）难点：Dynamic Panel（动态面板）Repeater（中继器）函数交互动作用得比较多的：隐藏显示，页面链接，动态面板TIPS：1、尝试用Axure临摹平时在使用的APP或网页页面分为几大块，各块又分别有哪些元素哪些你认为是优先级更高的，在什么位置了解一些ios，或Material Design的设计规范2、红：最高优先级，最突出强调灰和白：可用于强调，按钮相互间的优先级不同程度的灰：可用于展示按钮不可点击。

软件开发中的快速原型设计技巧在软件开发领域，快速原型设计技巧是开发者们必不可少的技术之一。

原型设计是指通过快速搭建出一个基本的软件功能模型来帮助开发者更好地理解和应对复杂的问题。

而快速原型设计技巧则是指把原型设计的速度和质量尽可能达到最优的方法和技巧。

下面将分享几种常用的快速原型设计技巧。

一、用画图软件绘制流程图在进行软件开发时，流程图是非常常见的设计方法，它类似于一张地图，把软件的功能流程条理化分解，表达出整个软件的大致脉络。

而在进行原型设计时，流程图也可以被用作为设计原型的逻辑架构。

使用画图软件如visio或者omnigraffle，可以帮助工作者们快速绘制出整个软件的大致流程，让开发者更好地理解和掌握软件的工作流程和设计方向。

二、基于模板的原型设计在软件开发的过程中，很多功能模型或算法模型已经有了较为成熟的模板存在，使用模板进行快速原型设计可以大大减少开发者的工作量，提高工作效率。

比如说多项式回归算法，机器学习，AI等等，这些算法都有比较成熟的实例和成果可以借鉴。

使用基于模板的原型设计技巧，开发者们可以更快地搭建起相应的算法原型，缩短开发周期，加快研发进度。

三、基于Rapid prototyping的原型开发Rapid prototyping是一种可以快速开发建立软件原型的技术方法，它可以使软件开发人员更快速和更高效地建立原型。

Rapid prototyping技术可以让开发者们通过一种自动化的方式快速搭建出软件的原型，并通过不断的调试和优化来提高原型的质量。

这种方法利用现代计算机技术和先进软件工程方法的优势，可以开发出高质量，高性能的软件原型，而且速度快、效果好。

四、需求规范化要求的快速原型设计在软件开发过程中，需求规范化是非常重要的一环。

需求规范化的目的是把“模糊”的需求转化为明确的目标并规范化成具体的功能要求。

快速原型设计可以很好地解决需求不明确或需求变化不停的问题，帮助开发者更好地满足客户的需求。

Axure RP 9的主要功能
绘制网站构架图
使用Axure RP 9 可以快速绘制树状的网站构架图，而且可 以让网站构架图中的每一个页面节点直接链接到对应网页。
Axure RP 9的主要功能
绘制示意图
Axure RP 9 内建了许多会经常使用的元件，例如，按钮、 图片、文本、水平线和下拉列表等。使用这些元件可以轻松地 绘制各种示意图。
熟悉Axure RP 9的工作界面
相对于Axure RP 8 来说，Axure RP 9 的工作界面发生了较 大的变化，精简了很多区域，操作起来更简单、更直接，方便用 户使用。Axure RP 9 工作界面中各区域如下图所示。
工具栏
面板
熟悉Axure RP 9的工作界面
菜单栏 文件菜单 编辑菜单 视图菜单
汉化完成后，用户可以通过双击桌面上的启动图标或单击 “开始”菜单中的启动选项启动软件，启动后的工作界面如下 图所示。
软件的下载、安装、汉化与启动
汉化与启动Axure RP 9
通常在第1 次启动Axure RP 9 时，系统会自动弹出“管 理授权”对话框。要求用户输入被授权人和授权密钥，授权密 钥通常在用户购买正版软件后获得。如果用户没有输入授权密 钥，则软件只能使用30 天，30 天后将无法正常使用。
课堂操作
安装Axure RP 9
单击“Next”（下一步）按钮，进入下图所示对话框，设 置安装地址。单击“Change…”（改变）按钮可以更改软件的 安装地址。单击“Next”（下一步）按钮，进入下图所示对话 框，准备开始安装软件。
课堂操作
安装Axure RP 9
单击“Install”（安装）按钮，开始安装软件。稍等片刻， 单击“Finish”（完成）按钮，即可完成软件的安装。如果勾 选“Launch Axure RP 9”（打开Axure RP 9）复选框，在完 成软件安装后将立即启动软件。