流程图 | Flow Diagrams

Axure RP流程图

你可以使用Axure RP绘制流程图、用户流图、业务流程建模以及其他流程图。添加形状、图片、快照元件来作为流程图的组成元素,然后使用“连接”工具在它们之间通过智能线段连接起来。通过在Axure RP中绘制流程图,可以保证你的分析和文档与原型基本一致。

流程元件

在你下载的Axure RP中已经包含了流程元件库,其中包含了绘制流程图时常用的形状。你也可以在Axure的官网上搜索并下载其他的流程元件库。

默认元件库中的形状、图片和快照元件以及使用钢笔工具自定义的的形状元件,都可以用来绘制流程图。

点击元件库窗口顶部的下拉列表,可以切换元件库,选择流程元件库后,当元件库中的元件加载出来,你就可以选择几个元件放到页面中,然后使用连接工具把它们连起来。(详见下节)

连接模式

通过鼠标点击工具栏中的第三个项目(位于Axure RP界面的左上方)或快捷键来启用连线工具,使光标变为连线模式。

将连线模式下的光标放在元件上,就可以看到元件上的连接点(译者补充:蓝色的小差号就是连接点)。将鼠标移动到连接点上,连接点上会出现红色的小圆圈,代表连接点被选中。在小圆圈上长按鼠标左键然后拖动光标到目标元件的连接点上,松开鼠标即可在两个元件之间建立连线。

自定义连接点

元件边框上的连接点可以添加、删除和移动,甚至可以移动到元件内部。选中一个元件后,点击工具栏中的“连接点”工具(默认情况,它在工具栏“更多”的下面),就可以对连接点进行编辑。在编辑模式下,元件连接点的位置就会出现小圆圈。点击拖动小圆圈就可以移动连接点的位置,点击元件上的空白处,就可以在当前位置添加一个连接点,在小圆圈上点击右键可以删除连接点。如果要退出编辑模式,点击元件外的任意地方取消元件选择即可。

移动连线或者被连接的元件,连线会重新排布,但仍会保持与元件的连接状态。

生成流程图

你可以将项目的站点地图直接生成流程图。首先打开一个页面,然后在页面窗格中,选择父页面,单击鼠标右键,选择“生成流程图”,在你打开的页面就会生成一个流程图,生成的流程图将包含页面本身以及所有下级页面。

你也可以把页面窗口中的页面名称拖到画布中,来为指定的页面创建一个流程图形状。

通过生成流程图或拖拽页面生成的流程图形状,已默认启用了“引用页面”功能,这个功能自动将引用页面的名称设为元件上的文本内容。如果修改了引用页面的名称,那么元件上的文本也会随之自动更新。引用页面功能可以用于任何形状元件,如果需要创建或编辑引用页面设置,选中元件后,在检视窗口中的属性下点击“引用页面”进行操作。

默认情况下,在浏览器中点击含有引用页面的元件后会打开引用的页面,如果需要自定义这种交互行为的话请参考生成HTML下的“交互”一节。

创建流程图和设置样式

如果你需要创建大量类似的流程图元件,不需要每次都到元件库中拖拽新的元件,直接使用流程图中已有的元件进行复制粘贴就可以。和其他形状一样,通过按住[CTRL](Windows)/ALT(Mac)拖拽选中的形状即可快速复制流程图形状。

流程元件库中的所有元件初始时都是“流程”元件风格,如果你想一次性更新文件中所流程图元件的样式,你可以修改完一个流程图元件的样式后,点击检视窗口中样式下元件名称后的“更新”按钮即可。(更多关于更新元件样式和创建新样式的内容将在下篇文章中介绍)

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。