软件下载 > 开发工具 > 网站制作 > Axure RP Pro使用技巧 > Axure RP Pro 6.5如何创建Tab标签效果

Axure RP Pro 6.5如何创建Tab标签效果

软件分类:网站制作大小:110.63 MB时间:2023-06-01
软件介绍:Axure RP Pro是一个专业的快速原型设计工具,Axure RP Pro让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件。zol提供Axure RP Pro中文版下载。

可协助网站设计人员快速生成带注释的页面示意图、操作流程图及交互设计,支持基于网站架构图自动生成演示网页和规范文档,提升设计效率。

1、 在页面中插入一个动态面板组件

Axure RP Pro 6.5如何创建Tab标签效果

2、 右键点击动态面板,选择编辑并管理,将其命名为large_panel,随后添加三个状态,分别标记为标签1、标签2和标签3,效果所示。

Axure RP Pro 6.5如何创建Tab标签效果

3、 点击编辑所有状态

Axure RP Pro 6.5如何创建Tab标签效果Axure RP Pro 6.5如何创建Tab标签效果

4、 在主页状态标签中插入两个矩形框并调整其尺寸。

5、 右键点击小矩形

Axure RP Pro 6.5如何创建Tab标签效果Axure RP Pro 6.5如何创建Tab标签效果

6、 将小矩形线框改为圆角矩形,复制两个并调整位置,所示。

Axure RP Pro 6.5如何创建Tab标签效果

7、 添加文字后,标签2与标签3变为灰色。

Axure RP Pro 6.5如何创建Tab标签效果

8、 右键点击标签1,选择顺序中的置于顶层,需确保标签部分覆盖大矩形,否则效果不明显。

Axure RP Pro 6.5如何创建Tab标签效果Axure RP Pro 6.5如何创建Tab标签效果

9、 在标签2和标签3页面的蓝色框中,按同样方法绘制指定图形。

Axure RP Pro 6.5如何创建Tab标签效果Axure RP Pro 6.5如何创建Tab标签效果

10、 设置动作,选中标签1后双击右侧OnClick,按提示操作即可。

Axure RP Pro 6.5如何创建Tab标签效果Axure RP Pro 6.5如何创建Tab标签效果

11、 同样需定义标签2和标签3的操作,每个标签对应large_panel的不同状态,三个页面共9个标签的操作均要明确设定。

12、 生成原型,至此完成。

Axure RP Pro 6.5如何创建Tab标签效果

文章标题:Axure RP Pro 6.5如何创建Tab标签效果

文章链接://www.hpwebtech.com/jiqiao/338715.html

为给用户提供更多有价值信息,ZOL下载站整理发布,如果有侵权请联系删除,转载请保留出处。

Axure RP Pro软件简介

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweav... 详细介绍»