教大家使用Axure制作选项卡的效果

2025-04-18 08:06:11

1、首先打开Axure,新建一下空白页面,并拖入两个矩形,如下图所示。

教大家使用Axure制作选项卡的效果

2、然后在拖入一个动态面板,如下图所示。

教大家使用Axure制作选项卡的效果

3、同样的方法,复制出三个类似的选项卡,如下图所示。

教大家使用Axure制作选项卡的效果

4、然后给最后面动态面板做载入时的效果,如下图所示。

教大家使用Axure制作选项卡的效果

5、选项最上面的矩形,加入交互事件,如下图所示。

教大家使用Axure制作选项卡的效果

6、同样的方式,将其他的交互事件加上,如下图所示。

教大家使用Axure制作选项卡的效果
教大家使用Axure制作选项卡的效果

7、最后我们看一下效果,如下图所示。

教大家使用Axure制作选项卡的效果

8、更多原型制作经验持续更新,欢迎关注。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢