个人技术分享

这篇笔记的主要内容是如果在Axure中使用“情形”,对应在我们的研发中就是“判断条件”的使用

  • Axure情形的使用
  • Axure添加case
  • Axure的if ,sele if 条件判断

条件判断不管是在研发代码中还是实际生活中,无处不在,只是表现形式不同罢了,在代码里,我们使用if,if else或者 case 来表达选择判断,在生活中,我们大脑回路经常会做选择,这也是选择判断,在产品设计中,我们使用 “添加情形” 功能来实现条件判断。

假如世界没有“情形”,那么任何事物都是线性的,假如Axure没有“情形”那我们就设计不了复杂的逻辑。

Axure中如何使用“情形”

这里以“下拉框”和一个动态面板为例来说明情形的简单用法。

第一步:添加页面元素

  1. 往屏幕上放一个下拉框,下拉框添加N选项
  2. 在下拉框下放一个矩形并转为动态面板,也添加N个State
  3. 当我们选择下拉框某个选项时,让动态面板切换到对应的State上

第二步:设置动作

选中下拉框 -> 交互 -> 选项改变时 -> 添加情形

注意:鼠标移动至“选项改变时”这里的时候,才会出现“添加情形”这个按钮。

在这里插入图片描述
添加情形后,点击“确定”,之后在当前情形下添加其他动作

在这里插入图片描述
注意:还是鼠标移动到该位置时,才会出现“添加动作”按钮