产品人必会的Axure RP 9 实践技能(一) 新人可能会被原型难倒。作为产品人必备的技能,可以从几个方面开始练习。作者介绍了一些必要的案例。 当你加入一个产品经理或换到一个产品...
产品人必会的Axure RP 9 实践技能(一)
新人可能会被原型难倒。作为产品人必备的技能,可以从几个方面开始练习。作者介绍了一些必要的案例。
当你加入一个产品经理或换到一个产品经理的职位时,原型制作是第一个困难。
原型工具有很多,但Axure是最常用的,页面操作从AxureRP8到AxureRP9变化很大。本文选取AxureRP9版本,对作者日常工作中最常用的Axure功能点进行梳理和总结,仅作为作者日常工作的总结,可供有需要的小伙伴参考。
I.Axure组件库。
1.1基本构件库。
基本构件库分为四类,如图,包括基本构件、表单构件、表与表、表与构件。除了动态面板和中继器的使用稍微复杂,大多数其他组件都相对容易使用。
1.2自定义组件库。
在绘制原型时,很多同学可能会遇到基本构件库找不到合适的构件的情况。在这种情况下,我们通常通过其他渠道找到合适的组件,从而绘制出我们想要的原型。
在这种场景下,我们可以记录自己的构件库,并将每次找到的构件以自定义构件库的形式保存下来,这样在其他项目中使用时就可以快速获取构件,只要Axure导入自定义构件库一次即可。所有项目共享同一个自定义构件库,以后可以不断改进和扩展,原型绘制的效率会大大提高。
1.3创建自定义组件库。
单击文件/新建库,然后填写自定义库的名称,并将其保存为rplib格式文件。使用时,只需导入组件库即可。
当然,只要能满足项目的原型要求,也可以通过其他一些渠道被别人的优秀构件库使用。
第二,主人的使用。
合理使用母版将大大提高原型制作的效率。当多个页面共享一些组件,并且其中有不同的页面时,可以将这些组件设置为母版。
一个典型的例子就是在设计APP原型的时候,底部的导航条,矩形模拟器等等。用作母版,只能绘制一次,其他后续页面只能通过调用母版来使用。如果需要修改母版页,只需修改一次。
创建母版有两种方法,第一种可以在母版页选项卡中创建,第二种是在页面中选择所需的组件,右键单击选择“创建母版”。
母版中添加的交互事件是全局事件,将在使用母版的所有页面中发挥作用。
第三,使用动态面板。
基本上,动态面板是每个项目原型制作的必备组件,是一个非常实用的组件,可以轻松产生浏览滚动效果、TAB页面切换效果、轮播横幅图等。下面文章主要讲解这三个典型的动态面板应用案例。
3.1页面内容的滚动效果。
使用动态面板制作页面内容的滚动效果,包括垂直滚动或水平滚动。渲染如下:
首先,我们在页面上放置一个矩形,右键单击该矩形将其变成一个动态面板,双击进入动态面板,放置几个矩形,如上图所示。
然后,双击空白处返回主页;右键选择滚动条,根据需要选择垂直或水平滚动条。然后调整主页的动态面板大小,使动态面板大小小于内容大小,可以滑动查看内容(只能在预览中查看滚动效果)。
在本例中,滚动条菜单是“滚动显示的”,只要动态面板的大小小于内容页面,无论是水平还是垂直,滚动条都会显示。

3.2TAB页面切换效果。
效果如下图所示。您可以通过单击顶部的选项卡来切换显示的内容,并修改选项卡按钮的单击效果。
页面元素如下图所示。
首先,配置顶部选项卡页面的选定填充颜色,默认情况下选择第一个选项卡。选项卡页面内容配置有两个动态面板,如下图所示:
两个TAB按钮的点击事件交互逻辑如图,通过配置预览可以查看TAB页面切换效果。

3.3转盘横幅地图。
实现效果如下图所示:

首先了解页面轮播的相关元素,包括三个动态面板,其中一个图片作为面板内容放置,另外添加了三个与图片关联的图片锚点,如下图所示:
配置三个锚点的选中状态,默认第一个锚点为选中状态,配置动态面板加载事件,如下图所示:
当面板状态改变时,配置交互事件,修改锚点的选中状态,如下图所示:
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


