欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure怎么制作页面标签切换的效果?

程序员文章站 2023-10-30 19:03:22
axure怎么制作页面标签切换的效果?...

需要色剂一个产品展示的页面,想要直走动态的标签页,该怎么制作呢?血魔我们就来看看详细的教程。

一、准备

1、需要准备一台好用的电脑,笔记本和台式机都可以:

axure怎么制作页面标签切换的效果?

2、电脑上有安装原型设计软件,这里主要以axure工具为例来详细说明:

axure怎么制作页面标签切换的效果?

3、画原型的素材图:

axure怎么制作页面标签切换的效果?

二、开始制作动态面板

1、首先新建一个项目或者打开现有的项目,直接开始制作:

axure怎么制作页面标签切换的效果?

2、在左侧库中找到动态面板,拖动至右侧:

axure怎么制作页面标签切换的效果?

3、双击刚才创建的面板,会弹出一个框:

axure怎么制作页面标签切换的效果?

4、在弹出框中,根据实际情况添加动态面板的状态,如下图所示:

axure怎么制作页面标签切换的效果?

5、在大纲面板中,点击刚才的添加的状态,会自动打开到当前编辑的页面:

axure怎么制作页面标签切换的效果?

6、在该页面中,拖动图片至右侧:

axure怎么制作页面标签切换的效果?

7、双击图片,换上标签的图片:

axure怎么制作页面标签切换的效果?