当前位置:粤秀教育 > 艺术 > 艺术问答 > 正文

Axure流程图功能在原型图里怎么高效使用?

发布时间: 来源:只考清华 120

在原型图里添加流程图,可以高效快速的将重点内容展现!很多新手小伙伴可能对于Axure的流程图功能都不了解,下面粤秀教育就来详细的为大家介绍介绍~如果此时你心里众多疑惑:Axure去哪学?怎么学?学多久?那不妨学习体验粤秀教育的Axure自学视频课!资深讲师授课,从基础的Axure软件功能到原型绘制到交互案例,综合全面的带你入门Axure产品原型设计!~

Axure流程图功能在原型图里高效使用方法:

二、axure流程图的介绍

以上这些使用问题,都可以使用axure的流程图来满足。接下来我会一一的来讲解如何解决。

先简单介绍一下axure的流程图功能是什么,其实本质上是一个元件库。

含有很多种元件,用途各不相同。大家使用的时候尽量遵循其定义的通用规范。当然如果你有特殊需要,可以单独定义。

三、流程图如何关联页面

axure提供了两种操作方法,本质上都是设置“引用页面”属性,flow元件库中的所有元件都具备该属性。dafault默认元件库中部分元件支持该属性。

“引用页面”除了关联了对应页面,同时集成了对应页面的标题。当你修改页面结构中的页面标题,这里也会同步更新。

拖拽页面到工作区

当你画页面流程图的时候,需要展示某个页面的详情。

那么选中axure左方的页面结构中的该页面。

然后拖动到右边的工作区即可,效果如下图。

最终的显示效果请查看我之前的文章,以及我绘画的页面原型图。

其中右下角带有“蓝色矩形组”图标的矩形,代表可以咨询进入该页面的线框图,查看详细的页面布局、控件、逻辑等。

设置引用页面属性

根据上图,你应该可以猜到其实拖曳页面名称到工作区,是创建了一个页面并且设置了属性“引用页面”到该页面。所以你也可以这样做。

拖动flow元件库中的元件到工作区

设置属性“引用页面”到你所需的页面

生成原型查看效果。

四、流程图如何关联具体功能

方法有2种,大家可以按需参考。

设置“引用页面”属性到具体的功能页面,方法如上。

设置单击链接到具体的功能页面,再简单不过。

五、流程图如何显示具体控件

在画某个功能的具体逻辑时候,我们可以借助axure的“页面快照”功能来展示一些控件。有助于技术童鞋对功能的理解和实现。

新建页面快照

从左方的flow元件库,拖动”页面快照”到右方的工作区。

设置引用页面

方法和上面的类似,但是展示效果有点区别哦。所谓页面快照是指将引用页面的具体内容显示到该元件区域范围里。比如我引用了闪电约首页这个页面,那么效果如下。

修改快照参数

显示明显有问题,我们可以修改一下参数。

取消适应比例,然后把该页面快照元件的尺寸修改成375×667,然后填充的相对坐标改成(0,0,0,0)。此时快照效果如下。

配置动作

比如你可以设置该页面隐藏一些控件,或者展示隐藏的弹框,吐司提示。

大概是这样子了,在设计商品详情、购物车、确认订单的时候,该功能特别适用。有需要的童鞋可以试下。

六、流程图如何显示节点的注释

这个其实很简单,但是很多pm没用过。

以上即是关于“axure流程图功能在原型图里怎么高效使用?”的全部精彩内容分享了,希望能够帮助到你!学习更多axure原型技巧,不妨阅读更多axure相关文章学习?最后,还是那句话,想学好axure,就来粤秀教育,专业讲师教学,不怕学不会~

src=””>

二、axure流程图的介绍

以上这些使用问题,都可以使用axure的流程图来满足。接下来我会一一的来讲解如何解决。

先简单介绍一下axure的流程图功能是什么,其实本质上是一个元件库。

含有很多种元件,用途各不相同。大家使用的时候尽量遵循其定义的通用规范。当然如果你有特殊需要,可以单独定义。

三、流程图如何关联页面

axure提供了两种操作方法,本质上都是设置“引用页面”属性,flow元件库中的所有元件都具备该属性。dafault默认元件库中部分元件支持该属性。

“引用页面”除了关联了对应页面,同时集成了对应页面的标题。当你修改页面结构中的页面标题,这里也会同步更新。

拖拽页面到工作区

当你画页面流程图的时候,需要展示某个页面的详情。

那么选中axure左方的页面结构中的该页面。

然后拖动到右边的工作区即可,效果如下图。

最终的显示效果请查看我之前的文章,以及我绘画的页面原型图。

其中右下角带有“蓝色矩形组”图标的矩形,代表可以咨询进入该页面的线框图,查看详细的页面布局、控件、逻辑等。

设置引用页面属性

根据上图,你应该可以猜到其实拖曳页面名称到工作区,是创建了一个页面并且设置了属性“引用页面”到该页面。所以你也可以这样做。

拖动flow元件库中的元件到工作区

设置属性“引用页面”到你所需的页面

生成原型查看效果。

四、流程图如何关联具体功能

方法有2种,大家可以按需参考。

设置“引用页面”属性到具体的功能页面,方法如上。

设置单击链接到具体的功能页面,再简单不过。

五、流程图如何显示具体控件

在画某个功能的具体逻辑时候,我们可以借助axure的“页面快照”功能来展示一些控件。有助于技术童鞋对功能的理解和实现。

新建页面快照

从左方的flow元件库,拖动”页面快照”到右方的工作区。

设置引用页面

方法和上面的类似,但是展示效果有点区别哦。所谓页面快照是指将引用页面的具体内容显示到该元件区域范围里。比如我引用了闪电约首页这个页面,那么效果如下。

修改快照参数

显示明显有问题,我们可以修改一下参数。

取消适应比例,然后把该页面快照元件的尺寸修改成375×667,然后填充的相对坐标改成(0,0,0,0)。此时快照效果如下。

配置动作

比如你可以设置该页面隐藏一些控件,或者展示隐藏的弹框,吐司提示。

大概是这样子了,在设计商品详情、购物车、确认订单的时候,该功能特别适用。有需要的童鞋可以试下。

六、流程图如何显示节点的注释

这个其实很简单,但是很多pm没用过。

以上即是关于“axure流程图功能在原型图里怎么高效使用?”的全部精彩内容分享了,希望能够帮助到你!学习更多axure原型技巧,不妨阅读更多axure相关文章学习?最后,还是那句话,想学好axure,就来粤秀教育,专业讲师教学,不怕学不会~

>

相关文章
精彩推荐
学习热线
4008-128-711
申请报名

立即申请报名,提升你的技能

  • 姓名

  • 电话*

  • 报读学校

  • 报读专业

立即报名

Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841