Axure rp9的使用——动态面板

一、动态面板

1、面板折叠

我们是需要在做好动态页面后,有两个面板页面,即一个展开一个折叠。
Axure rp9的使用——动态面板_第1张图片
这就是前期我们准备折叠的部分,
Axure rp9的使用——动态面板_第2张图片
Axure rp9的使用——动态面板_第3张图片
接下来返回,对面板添加交互——页面点击时——设置面板状态,设置动作如下
Axure rp9的使用——动态面板_第4张图片
就可以。这样就可以查看到页面的折叠效果,但是这里有一个需要注意的地方,我们需要将向下滑动的时间尽可能的短,否则下滑效果会很难受,很清晰的看到每一个动画滑过的状态。

2、标签导航

实现效果就是一般APP中的下方点击切换效果
首先制作好动态面板样式
Axure rp9的使用——动态面板_第5张图片
先选中下方首页——添加交互——单击时——选择对应动态面板——状态选择我们设置的首页——确定。其他几个重复操作

3、移动端抽屉效果

要实现效果如图,右边是一个遮罩的效果
Axure rp9的使用——动态面板_第6张图片
在我们设置好表头图标和文字后,新建一个动态面板——放在效果图文字的位置

——点击打开动态面板,在里边添加矩形框,添加每一个菜单栏——在新建一个

矩形调整位置和颜色作为遮罩层——右击动态面板选择置于顶层,避免被覆盖
Axure rp9的使用——动态面板_第7张图片
选中上边的面板和矩形,右击设置隐藏。对图标设计交互效果
Axure rp9的使用——动态面板_第8张图片

4、启动引导页

启动引导页的主要作用:
1、在用户未使用产品之前,告知用户产品的功能和特点
2、快速抓住用户眼球、获得更多的点击率
设置交互动作
Axure rp9的使用——动态面板_第9张图片
如何让他还想可以向回滑动,那么就倒着设置上边的状态就可以,改成向右滑动

你可能感兴趣的:(Product,axure,动态面板使用)