【Axure笔记】12.交互、变量、函数我该怎么着手学习?
当掌握了Axure基础的元件绘制,能够游刃有余的画出低保真原型图之后,在继续Axure的学习,也就是高保真原型的绘制时,很多人开始略微发蒙,因为Axure关于交互的内容确实十分繁杂,以下为一些归纳的学习路线:
(再次声明一下,这个系列笔记中除了操作中可能遇到的坑以外,不会讲解关于交互的基本操作,Axure中基本的交互功能已经被无数人写成无数篇Blog了,希望大家善用搜索引擎。这里对还存在“我该学那些交互?”“这么多交互都用得上吗?”“为什么不同元件的交互还不一样?”“变量和函数和交互有什么关系?”此类问题的朋友提供个人的一些见解。)
首先,要理解一个问题,Axure中的交互方式有什么?
交互交互,交流和互动,在Axure中,交流存在两种形式:第一类为用户通过硬件输入对于元件交流,也可看作是一种外部驱动,具体为:键盘输入、鼠标输入、手势输入。第二类为元件间通过某种条件触发了交流,可以看作是一种内部驱动,具体为:当页面载入时,当元件大小变化时,当元件显示/隐藏时当动态面板或中继器内容发生变化时等等。当我们了解了这两类交流之后,我们可以从相对简单的硬件输入(诸如鼠标点击时)开始学习,后面根据案例需求慢慢探索元件之间的交流方式。
在“交流”之后也就是“互动”环节了,这个在软件中汉化为“动作”。点击时鼠标后会发生什么情况呢?链接动作、元件动作、中继器动作和其他动作这四种动作可以让我们方便的完成一系列的操作逻辑,具体内容不在赘述,请大家多多尝试与摸索,如果遇到问题可多多搜索。
其次,变量在哪里用?怎么用?
变量是Axure中传递信息的重要载体,没错只有当你需要对某些信息进行使用时才需要变量这个东西。例如说用户注册时填写了用户名,原型在运行中需要这个用户名进行其他的操作,我们就需要设置变量值对用户名做一个储存与传递。再者,变量也可以作为一种状态的体现,举个具体例子,我们需要将用户分为会员用户和免费用户,当用户完成充值流程后,我们就需要将这个标签进行对应的变化,完成从免费用户变换为会员用户,在这个过程中变量充当了一个“标签”的作用,是一种状态的体现。
最后,关于函数。
在Axure中,函数是对变量进行处理所需要的逻辑,例如我们通过变量获取了实时的页面宽度,当需要在页面大小动态变化时保持一个元件居中的时候,就需要在移动这个动作中,通过编写函数来实时确定该元件移动的距离。因而,当我们需要处理变量,更多的是动态处理某些变量或元件属性时,需要函数这一功能的介入。Axure具体函数的写法相关文档、教程、资料也很丰富,不再细说。
以上就是对于交互、变量、函数的基本概念和使用情景的认知,希望对刚接触的朋友能够形成一个通识性的概念。具体的使用方法还需要各位在具体的案例中不断探索与归纳总结。下一期我可能会讲到交互中有时最尴尬、有时也最好用、还有时可能会留坑的“启用情形”相关问题。
——————————————————文章目录——————————————————
Chapter 1
开始前的准备
Chapter 2
开始做吧,初学时懵逼的问题:
Chapter3
实战教程,未完待续...