发布时间: 来源:只考清华 120
在原型图里添加流程图,可以高效快速的将重点内容展现!很多新手小伙伴可能对于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提供了两种操作方法,本质上都是设置“引用页面”属性,flow元件库中的所有元件都具备该属性。dafault默认元件库中部分元件支持该属性。
“引用页面”除了关联了对应页面,同时集成了对应页面的标题。当你修改页面结构中的页面标题,这里也会同步更新。
拖拽页面到工作区
当你画页面流程图的时候,需要展示某个页面的详情。
那么选中axure左方的页面结构中的该页面。
然后拖动到右边的工作区即可,效果如下图。
最终的显示效果请查看我之前的文章,以及我绘画的页面原型图。
其中右下角带有“蓝色矩形组”图标的矩形,代表可以咨询进入该页面的线框图,查看详细的页面布局、控件、逻辑等。
设置引用页面属性
根据上图,你应该可以猜到其实拖曳页面名称到工作区,是创建了一个页面并且设置了属性“引用页面”到该页面。所以你也可以这样做。
拖动flow元件库中的元件到工作区
设置属性“引用页面”到你所需的页面
生成原型查看效果。
方法有2种,大家可以按需参考。
设置“引用页面”属性到具体的功能页面,方法如上。
设置单击链接到具体的功能页面,再简单不过。
在画某个功能的具体逻辑时候,我们可以借助axure的“页面快照”功能来展示一些控件。有助于技术童鞋对功能的理解和实现。
新建页面快照
从左方的flow元件库,拖动”页面快照”到右方的工作区。
设置引用页面
方法和上面的类似,但是展示效果有点区别哦。所谓页面快照是指将引用页面的具体内容显示到该元件区域范围里。比如我引用了闪电约首页这个页面,那么效果如下。
修改快照参数
显示明显有问题,我们可以修改一下参数。
取消适应比例,然后把该页面快照元件的尺寸修改成375×667,然后填充的相对坐标改成(0,0,0,0)。此时快照效果如下。
配置动作
比如你可以设置该页面隐藏一些控件,或者展示隐藏的弹框,吐司提示。
大概是这样子了,在设计商品详情、购物车、确认订单的时候,该功能特别适用。有需要的童鞋可以试下。
这个其实很简单,但是很多pm没用过。
以上即是关于“axure流程图功能在原型图里怎么高效使用?”的全部精彩内容分享了,希望能够帮助到你!学习更多axure原型技巧,不妨阅读更多axure相关文章学习?最后,还是那句话,想学好axure,就来粤秀教育,专业讲师教学,不怕学不会~
>
立即申请报名,提升你的技能