Axure绘制流程图

1cb84f3612a1d9319bdb1f0d2305816f.jpeg

相信大家在日常的工作中经常会绘制流程图,基本常见的绘制流程图的工具有Visio、亿图等。但是如果大家使用的是axure制作的产品prd的话,这些流程图的源文件全部需要进行存储,一旦丢失就需要重新画一遍,这样是很不方便。那么有没有一种方法直接在axure中进行流程图的绘制呢?

8247760a6fe72e5cd1195ebdeed44aed.jpeg

答案当然是有的,毕竟auxre什么图形和线条都是可以绘制的,但是有一个缺点就是,绘制流程图的效率相对其他专门绘制流程图的软件是较慢的,没有各种快捷键,只能是一个一个拖动和连接,但是我觉得这个忽略,毕竟梳理绘制流程图时,由于需要大量动脑,速度不可能很快。好了,废话不多说,方法来一波。

一、流程图元件库

首先我们应该想到的就是,常见绘制流程图时所用到的形状,这个当然不需要咱们自己一个一个的绘制,因为axure本身是自带绘制流程图时需要的形状的。

在元件库中下拉选择Flow,里边就有我们常见的绘制流程图时需要的形状了。

266dadc1abe1aa10561d9b406d0233dd.jpeg

二、拖入形状

1.拖入形状并调整大小

从元件库中长按鼠标拖入需要使用的形状,可拖动边缘的小点改变大小,当然也可以在顶部个工具栏直接输入调整大小

2.改变弧度大小

可以拖动左上角的小三角,改变圆角弧度,当然也可以在元件的样式中进行修改和调整

3.编辑内容

双击元件可以输入文本内容

311eba2e9f7156a1017f44f2d5582ad2.jpeg

三、绘制连线

1.切换至连接线状态

可以直接在工具栏中选择当前鼠标的状态为连接,也可以使用快捷键ctrl+3进行快速切换

9f15ee4ecc8a4261972caf87f73f75cc.jpeg

2.绘制连接线

将鼠标悬停在元件上时,边缘会自动出现四个小×,这个就是元件的可连接点,鼠标从连接点出发,长按鼠标推动至其他元件的连接点,松开鼠标即可完成连线

e2897286a0be843462f13726b9616eeb.jpeg21dd61cc60e8a285c6887a54e749b8bf.jpeg

3.修改连接线样式

①鼠标单击选中连接线,可以在顶部的工具栏中修改线宽、线段类型

3648316c07915ca8ce8c2501fbbe02c2.jpeg5923b28699b298a26a16133b63c47419.jpeg

②然后直接修改连接线两端的样式,将第二个修改为箭头即可

c794907eb0945674dca737c69f2ad3c9.jpeg

 

4.导出流程图

到这里为止流程图的基本绘制技巧就已经全部演示完毕了,当大家绘制完毕后,如果需要导出图片的话,可以点击文件-导出当前页面为图片即可

3ae44e55ae77ab64b07d2c7035c9ed28.jpeg

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

产品阿强

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值