Axure原型设计工具:三个方式显示不同内容

2024-02-2814:44:30原型设计Comments355 views字数 655阅读模式

Axure是一款非常好用的原型设计工具,它不仅可以设计出流程图、线框图等,还可以通过设置选择显示不同的内容来制作交互原型和动态效果。那么,Axure怎么设置选择显示不同的内容呢?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

Axure原型设计工具:三个方式显示不同内容文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

一、利用Axure的筛选功能文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

1. 创建筛选器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在Axure中选中需要筛选的控件,点击“筛选器”按钮,选择“创建筛选器”命令,在弹出的对话框中设置筛选条件及命名筛选器即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

2. 使用筛选器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在Axure中选中需要应用筛选效果的控件,点击“筛选器”按钮,选择“已创建的筛选器”命令,在弹出的对话框中选择已创建的筛选器,点击确定即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

二、利用Axure的交互设计功能文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

1. 创建基本交互文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在Axure中选中需要设置选择显示不同内容的控件,右键单击,选择“互动”-“设置交互”按钮,在弹出的互动编辑器中设置相应的交互动作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

2. 设置条件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在互动编辑器中,选择需要设置条件的交互动作(如显示/隐藏)、设置条件(如选择、鼠标悬浮、时间等)、设置条件触发的动作(如显示、隐藏、移动、修改值等)即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

三、利用Axure的变量功能文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

1. 定义变量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在Axure中选中需要设置变量的控件,右键单击,选择“变量”-“定义全局变量”按钮,在弹出的对话框中定义变量名称及默认值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

2. 设置条件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

在互动编辑器中,选择需要设置条件的交互动作(如显示/隐藏)、设置条件(如选择、鼠标悬浮、时间等)、设置条件触发的动作(如移动、修改值等),在动作中使用设置的变量名及值即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

总之,Axure通过筛选器、交互设计、变量等多种方式,实现了选择显示不同内容的功能,让原型设计变得更加灵活和富有表现力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/61486.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/61486.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定