1、Axure流程图,流程图和链接,概述 1. 流程图和链接演示2. 流程图3. 流程组件4. 创建流程图5. 引用页面 6. 自动生成流程图,流程图和链接演示,打开工程;在最高级别页面上再建立一个更高级别的页面;修改页面名称为Login Flow;右键Login Flow,选择Diagram Type - Flow;页面名称左方的图标改变,页面变成流程图;在Widgets pane拖放Rectangle组件到wireframe pane中。,流程图和链接演示,继续拖放1个Diamond组件和2个Rectangle组件到wireframe中;组件的摆放位置同左图;双击最上方的Rectangle组件
2、,输入Login Page;双击Diamond组件,输入Is user a member?;双击下左方的Rectangle组件,输入User Profile;双击下右方的Rectangle组件,输入Registration。,流程图和链接演示,在工具栏使用填充工具,给各个组件修改填充颜色;同时选中下方2个Rectangle组件;右键Rectangle组件,选择Edit Flow Shape - Rounded Rectangle,修改组件的边框为圆角;,流程图和链接演示,右键上方的Rectangle组件,选择Edit Flow Shape - Edit Reference Page;在Refe
3、rence Page窗口,点击Login Page页面,点击Ok;同理,给下方的2个Rectangle组件添加页面链接;,流程图和链接演示,也可以直接从Sitemap pane拖放页面到wireframe pane中;对直接拖放页面的Rectangle组件进行颜色填充和边框形状修改,使其与原下方的2个Rectangle组件外观相同。在Sitemap pane修改页面名称,在wireframe pane对应的Rectangle组件的名称也会同样被修改。,流程图和链接演示,在工具栏点击链接件图标;点击Login Page Rectangle组件下方的链接点,再向下移动鼠标,点击Diamond组件最
4、上方的链接点,2个组件的流程关系被建立;在工具栏修改线条为虚线、带箭头、蓝色,链接线条的风格被修改,同时,接下来画的线条都全部被修改。,流程图和链接演示,双击Diamond组件下方的左线条,输入Yes;双击Diamond组件下方的右线条,输入No;,如左图,用链接线条链接Diamond组件与下方2个Rectangle组件;,如左图,对各个组件进行线条链接,形成流程图;拉动线条或组件,不会改变流程关系按F5生成原型,流程图和链接演示,在Web打开原型;在流程图点击Registration Form组件框,或者组件框右下脚的页面链接图标,打开Registration页面。在页面左边的树形菜单点击页
5、面名称可以打开页面。通过页面的按钮链接,也也可以跳转到链接页面。,流程图,流程图应用于演示多种步骤,包括使用Cases、业务过程、页面流程。流程图经常应用于提供复杂任务的高级浏览,实现通读整个页面设计。流程在Sitemap Pane与页面一起管理。要把页面改为流程图,在Sitemap pane右键页面,选择Diagram Type- Flow。这操作会改变页面在Sitemap pane和原型树形菜单显示的页面图标。创建流程图,不一定要把业务改为流程图类别的。,流程组件,在Widgets pane点击工具条的Flow,就可以找到流程组件;Widgets pane里的多种形状的组件可以用来表示处理
6、的步骤。在流程图里,各种形状有习惯性的表示,但在Axure RP对形状并没有严格的要求。一般说来,它们得到最佳的使用方法,可以让阅读者很容易理解。,创建流程图,与wiregrame组件相似,流程组件可以从Widgets pane拖放到Wirefram pane。他们的风格和属性可以使用工具条和右键菜单进行编辑。流程组件的形状可以通过右键,选择Edit Flow Shape的子菜单进行更改。,创建流程图,链接件流程组件与wireframe组件的区别是它们有链接点被链接件进行链接。要添加链接件,首先要把Wireframe pane改为链接件模式。在工具条点击链接件模式的按钮(F11)更改鼠标为链接
7、件模式。点击指标模式按钮(F9)可以把Wireframe pane返回到指标模式。一旦使用连接件模式,在wireframe pane点击、拖动会添加链接线条。要链接2个流程组件,把鼠标移动到流程组件的链接点,点击、拖动,当鼠标移动到目标流程组件的连接点时,松开鼠标。链接件还可以通过点击、拖动链接线条端点,链接到流程组件。线条末端的显示方式可以在工具条进行修改。,引用页面,流程组件可以指定引用页面。如果流程组件有引用页面,组件上方的文字会被替换为页面的名字。在原型里,点击流程组件可以链接到页面。从Sitemap pane拖放页面到Wireframe pane可以创建一个带引用业务的流程组件。流程组件的引用页面可以通过右键组件,选择Edition Flow Shape-Edit Reference Page修改或删除引用页面。,自动生成流程图,流程图可以在Sitemap pane生成等级流程。首先,创建一个流程图页面,打开进行设计;右键Sitemap pane的根页面,选择Generate Flow Diagram,可以看到有生成标准图和向右悬挂2个选项;选择生成流程图方式,点击Ok,在wireframe pane自动生成的流程图。,