Axure RP中文网站 > 使用教程 > Axure RP怎么画流程图 Axure RP怎么画曲线图
Axure RP怎么画流程图 Axure RP怎么画曲线图
发布时间:2024/12/24 11:04:09

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure PR 9

在Axure RP中,流程图通常使用形状、连接线等来展示各个步骤的关系,而曲线图能够直观地表现数据的变化趋势和对比关系。以下为大家介绍Axure RP怎么画流程图 ,Axure RP怎么画曲线图的相关内容。

一、Axure RP怎么画流程图

Axure RP中有专门用于绘制流程图的元件库Flow,涵盖了绘制流程图所需的各种要素。需要从Default元件库切换为Flow元件库。接下来为大家介绍绘制流程图的步骤。

切换为Flow元件库
图1:切换为Flow元件库

1、添加流程图形状

从Flow元件库中选择形状工具 ,例如“矩形”、“圆形” 或 “菱形” 等用来表示流程中的步骤、决策点等。将选中的元件拖拽到画布后,在“样式”面板可以调整每个形状的大小、颜色和边框,确保它们清晰地传达流程图的信息。流程图中的每个组件都有其特定的含义,需要按照规范使用。例如,菱形通常用于表示判断条件,矩形通常表示一个具体的操作步骤或处理过程。

拖拽流程图元件进入画布
图2:拖拽流程图元件进入画布

2、连接形状

添加了形状后,我们要将形状之间的连接关系表现出来。有两种方式可以实现形状之间的连接。

①从默认元件库中选择 “水平线” 、“垂直线”、 “水平箭头”或“垂直箭头”元件,拖拽到画布中,连接各个流程步骤。

默认元件库中的连接元件
图3:默认元件库中的连接元件

可以通过右侧的 “样式” 面板或上方的快捷工具栏调整线条的颜色、粗细和箭头样式,确保连接清晰可见。以“垂直线”为例,默认状态下是一条没有箭头符号的直线,可以在箭头类目中挑选适宜的箭头符号,点选后表示使用该符号。需要注意的是,如果不需要使用这个箭头符号了,不是再次点击实现取消,而是需要点击“—“表示取消使用。

添加箭头样式
图4:添加箭头样式

②将Axure RP整体从“选择”状态改为“连接”状态,在这种模式下,当鼠标标点靠近元件四周时,会出现锚点,可按住鼠标左键拖拽出一条线连接到另一个元件上。连接后可通过“样式”面板对线段的样式进行调整。建议在连接第一条线时先调整好样式,这样后续的线条将自动继承相同的样式,省去逐条调整的麻烦,提升操作效率。

切换为连接模式
图5:切换为连接模式

这种方式适合于需要批量连接的情况。它的好处还在于,后续改变元件间的距离时,连接线会自动根据新的距离自动延长或缩短。

3. 添加文本标签

双击形状并输入相应的步骤说明,如“开始”、“决策”、“结束”等。如果需要,还可以为连接线添加标签,说明流程的方向或条件,双击连接线即可添加文本。

添加文本说明
图6:添加文本说明

4. 调整布局

选中多个元件的情况下,可使用工具栏中的对齐工具进行对齐,也可使用智能参考线,确保流程图的形状和连接线对齐整齐,布局清晰。操作方式为在打开标尺的状态下,鼠标标点在标尺范围内,往右拖拽可出现垂直辅助线。同理往下拖拽时,可出现水平辅助线。

使用智能参考线
图7:使用智能参考线

在连接模式下,自动生成的线条有时可能显得过于拥挤。为保持美观,可以手动调整,例如将上图中条件不成立的线向外扩展,使布局更清晰。

手动调整布局
图8:手动调整布局

二、Axure RP怎么画曲线图

Axure RP不是一个专门的图表绘制工具,但可以通过组合形状和路径工具来创建简单的曲线图。接下来为大家介绍绘制曲线图的步骤。

1、绘制坐标轴

使用默认元件库中的水平线和垂直线元件,分别表示横纵坐标轴。将直线元件拖拽进画布后,在上方快捷工具栏位置可以调整直线上的箭头样式。注意,直线在使用时,受鼠标的机械影响,容易有抖动,也就是当松开鼠标左键时,原本垂直的线会出现歪斜,可以在移动线段的同时按住键盘Shift键,也可以在放置后通过样式面板的“旋转”值将线段重新设置旋转度为0度。

绘制坐标轴
图9:绘制坐标轴

使用文本标签为坐标轴写上坐标原点。

坐标原点绘制
图10:坐标原点绘制

2. 绘制曲线的路径

在Axure RP中没有像Photoshop中的钢笔工具,因此绘制曲线略为繁琐。需要先拖拽一条直线,右击直线打开上下文菜单,找到“变换形状”下的“编辑点”。

编辑点操作
图11:编辑点操作

进入编辑点模式后,可以在直线上添加锚点,用于标记需要弯曲的位置。新增的锚点会以绿色显示。如果无法准确添加锚点,可以通过放大视图(按住 Ctrl 键并滚动鼠标滚轮)来进行更精确的操作。

在线上增加点
图12:在线上增加点

鼠标选中对应的点,拖动即可变成折线图。

变成折线图
图13:变成折线图

此时,需要在工具栏中将模式从“点模式”切换为“选择模式”,以退出点编辑模式。这样,在鼠标点击线段时就不会再意外添加新的锚点。

切换为选择模式
图14:切换为选择模式

切换好后,点击线段,打开上下文菜单,选择“变换形状”中的“曲线连接各点”。

曲线连接各点操作
图15:曲线连接各点操作

执行后,折线便能变成曲线。

折线变成曲线
图16:折线变成曲线

 

3. 设置曲线的样式

选择曲线后,可以使用右侧的 “样式” 面板或上方的快捷工具栏设置曲线的颜色、粗细和透明度,使其符合设计需求。

曲线样式改变
图17:曲线样式改变

4. 添加数据点

使用圆形元件来代表曲线图中的数据点。每个圆形代表曲线上的一个数据点,通过拖动圆形调整其位置以反映不同的数值。将圆形元件的样式调整为无边框,仅填充颜色。在每个数据点旁边添加文本标签元件,显示该点的具体数值或标签。

添加数据点
图18:添加数据点

以上就是Axure RP怎么画流程图,Axure RP怎么画曲线图的全部内容。在Axure RP中,灵活绘制流程图可以清晰展现步骤关系,而制作曲线图则能直观呈现数据趋势,为原型设计增添更多的表现力。

 

 

读者也访问过这里:
135 2431 0251