品牌型号:联想Yoga 14Sitl
系统:Windows 10 64位专业版
软件版本:Axure rp 9
当产品业务逻辑变得复杂时,一个好的流程图能让思路瞬间清晰。作为专业的设计工具,Axure RP在流程图绘制方面很拿手,用拖拽的方式就能做出既规范又好看的图表,大大节省设计时间。下面就为大家介绍Axure RP如何制作流程图,Axure RP流程图绘制教程的相关内容。
一、Axure RP如何制作流程图
流程图对梳理逻辑特别有帮助。虽然Axure最出名的是做交互原型,但它画流程图的功能也很实用。推荐先梳理业务脉络再进行界面设计,这样整个产品结构会更扎实。用Axure制作流程图主要有两个重点:
1、准备好符合规范的图形元件。画流程图不能随便用图形,行业里有明确规范,不同图形代表不同意思。比如矩形一般代表操作或执行步骤;菱形专门用来做判断,后面一定会跟是和否两条路;椭圆形通常放在流程的开始和结束位置。要找这些图形,只需要在软件左侧的元件库里选择【Flow】这个分类,里面都是专门为流程图准备的元件。找到后直接拖到画布上,摆到对应位置就行。

2、用连接器把图形连起来。很多人画连接线喜欢用普通的画线工具,这样效率不高,还很难对齐。Axure准备了【连接器模式】。点一下软件左上角,把模式从【选择】换成【连接】。

这时候当把鼠标移到图形旁边,四边会出现几个带X的小点。点住其中一个点,拖到想连的另一个图形上,它们就会自动吸在一起。连好之后,还可以选中线条,在上方工具栏里可以调线条是虚线还是实线,也可以换箭头样式。

二、Axure RP流程图绘制教程
我们以常见的登录场景为例,演示完整流程图的创建过程。这个场景包含验证码登录和第三方授权登录两种方式,其中第三方登录需经过用户授权确认。
1、先把流程主干搭出来。每个流程图都要有头和尾。我们先从Flow库里拖两个椭圆形,一个写【开始】,另一个写【完成登录】。把它们分别放在画布的顶部和底部,中间留出位置放主要步骤。

然后在中间补上具体的步骤:用矩形框写【输入手机号】、【验证码登录】这类操作,用菱形框写【是否授权】这样的判断。按登录的正常顺序,把这些图形在画布上从上到下排好。

2、把图形连起来并加上说明。图形放好后,切换到【连接器模式】,按流程逻辑把图形一个一个连起来。

连完之后,记得在关键的地方加文字说明,特别是从菱形判断框出来的两个分支。比如在【是否授权】这个菱形后面两条线上,分别双击写上【是】和【否】。这样流程图就绘制完成了。

以上就是Axure RP如何制作流程图,Axure RP流程图绘制教程的相关内容。掌握这些方法后,就能用Axure画出清楚又专业的流程图了。不管是分析App登录流程,还是规划复杂的下单过程,流程图都能帮我们把逻辑可视化。而且用Axure画的最大好处是,之后可以把流程图和实际页面原型连起来,让设计表达更完整。
