IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Axure之变量的使用

幻风阁|kent.zhu'sBlog 2010-10-14 01:08:16 累计浏览 5,136 次
本机暂存

    写在最前面:任何工具都容易造成沉迷,Axure也一样;沉迷工具有害健康,过渡钻研Axure不利于职业发展!

    本文主要想介绍一下什么是Axure中的变量(Variables),以及变量的使用场景,然后附加一个实例。

    1、什么是变量

    变量的全称应该是“中间变量”,变量用于在HTML原型中进行点击时的页面之间的传递和存储数据,这样变量能在页面之间保持下去。Axure文件中可最多使用25个变量。变量可以在交互设计和逻辑条件中使用。

    简单说就是,在2个页面之间添加一个桥梁,用以延续交互动作。这个东西最直观的理解就是我们在做几何题目的时候通常需要在2个条件之间再取一个中间的条件,最后达到证明这2个条件是一致的,如:a=b,b=c,所以,a=c。

    在Axure中可以通过“线框图”(Wireframe)――“管理变量”(Manage Variables),来增加或者管理变量。

    Axure会默认一个变量叫做“OnLoadVariable”,必须使用字符和数字做变量名,不能大于25个字符长度,且不能含有空格。

    2、变量的使用情景

    1)动态显示输入的字符

    2)动态统计并显示输入的字符长度

    注:这里变量只能实现计算字段的长度,但是不能做加减乘除运算,所以想要实现“还可以输入XX个汉字…”这样的交互目前在Axure上还无法实现。

    3)页面之间的锚点跳转,详见之前的这篇

    4)下拉列表的联机动态加载

    5)Tab页签的变换

    注:较常规的动态面板也可以实现该功能

    ….

    简单说,变量的使用一般程序:添加变量,修改变量值,判断变量值,加载对应内容。

    特别说明:

    1)变量的使用过程中需要用到每个组件的标签名称,所以,必须要先给需要用到的组件添加标签,不然就全部显示“unlabeled”。

    2)在“设置变量和组件的变化值”这个交互动作的时候,一般的格式是:变量的值“a”等于组件值的长度“b”;组件中的文本“C”等于值,然后后面有个编辑文本。

    点击进去之后可以编辑的是动态显示的具体内容,你可以输入的是一些修饰内容,无关紧要,最主要的是,要记得插入变量“a”,这样整个交互才能起作用

    3、实例

    之前设想过的一个微博输入框为例,点击这里查看。

    P.S:

    一个容易忽略的地方:Axure在处理多个交互动作的时候,实际上你是可以手动设置他们的发生顺序的。在“交互属性”弹窗的右上角有个“高级编辑器”,点击里面的箭头来对交互动作的发生进行排序。这个主要应用在如:弹窗XX秒后自动消失等交互上。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,500)
  2. 流程管理与用户研究 (累计阅读 17,053)
  3. 网站导航设计的6大分类 (累计阅读 9,298)
  4. 给想转行做产品经理的同学 (累计阅读 6,927)
  5. 互联网产品经理必读书目 (累计阅读 5,840)
  6. “预注册”是一把金钥匙 (累计阅读 5,677)
  7. 忘记技术原理,关注用户心智 (累计阅读 5,600)
  8. 界面设计速成 (累计阅读 5,428)
  9. 轻量级在线原型设计工具mockingbird (累计阅读 5,231)
  10. 解读iPhone平台的一些优秀设计思路 (累计阅读 4,941)