摹客教程

摹客教程

摹客,让设计更快更简单

页面流程图

Mockplus中可自动生成页面流程图,轻松查看页面间的跳转关系。但需要注意的是,目前只有移动项目(手机或平板)才支持页面流程图。

生成页面流程图

流程图.png

此时,你会看到正在编辑项目的页面流程图。

显示流程图.png

常用设置

在“选项”中,你可以自定义流程图的风格。如:背景、文字、设备外壳、流程线的颜色设置等。

设置.png

你可以选择去掉设备外壳,只显示页面内容。同时,你可以点击“页面备注” ,为选中的页面添加备注信息。

备注.png

项目逻辑较复杂,流程线密密麻麻看不清怎么办?

没关系,点击任意一条流程线,使其突出显示,即可轻松判断页面之间的连接关系。

单条显示.png

当前页查看

有时候我们只需要查看某一页的页面跳转关系,此时,我们只需要将上方导航栏中的“连接线”选为“当前页”即可。

当前页.png

只需一键,导出流程图。

图片导出.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!