Axure 使用心得分享

时间:2024-03-20 16:39:17

因为之前很少涉及到原型设计,所以对这个原型设计工具也不太熟悉,第一次使用走了不少的弯路,在这里把自己在使用过程中的心得跟大家分享一下,希望能够对大家有所帮助。

一、           元素的选择

我觉得这是Axure原型设计工具最让人不习惯的地方。举例说明,如果界面上的元素很多,而且有分层、遮盖的情况,这样的话下层的元素就无法显示了,但是有时候你可能只需要选择上层的一些元素,这个时候你不得不一个个的点击选中了,如果全选的话就可能将被遮盖的元素也给选中。下面就和大家分享一下常用的解决方法:

1)       使用Lock锁定

把你所需要的元素选择的元素选定之后选择锁定,这个被选定元素轮廓就会变为红色,不可操作,也不可移动。当你选择全选时,锁定的元素师不能移动的。操作示意图如下:

a)将元素选中后点击红框内的锁形图标锁定

Axure 使用心得分享

b)锁定后如下所示,如果想解锁,点击红框内解锁图标即可

Axure 使用心得分享

2)       使用Group分组

把你所需要的元素选择的元素选定之后选择锁定,然后点击右键选择Groupping选择Group,这样你所选的元素就会自然的成为一组,你可以随意的拖动一组内的元素,在将选中的元素放置到合适的位置之后,还可以分组元素进行拆分,点击右键Ungroup即可。操作示意图如下:

a)       将元素选定后,点击右键选择红框中的选项即可组成一组

Axure 使用心得分享

b)       如果想拆分的话,选中元素后,右键选择红框中提示即可分组

Axure 使用心得分享

二、           动态的显示层

这种效果现在应用的已经很多了,这里就不再做过多的解释,直接通过一个小示例向大家讲解如何制作动态的显示层,同时也把我在原型设计中遇到的问题和大家一块分享一下,避免使大家走弯路。

a)       页面设计如下,首先我们在页面上放一个按钮,当我们点击的时候动态的弹出上边截图中的层。

Axure 使用心得分享

b)       我们将要动态显示的层选中,也就是除“动态显示层”以为的部分,然后点击右键选择Convert,进而选择Convert to Dynamic Panel,即将所选中的元素转换为动态面板

Axure 使用心得分享

c)       转换之后页面上的元素即不能点击了,就好像是一张静态的图片,这个时候我们要双击该元素,弹出如下对话框,在对话框中为该动态面板起一个名字

Axure 使用心得分享

d)       然后我们再点击右键,选择编辑动态面板,将该面板设为隐藏如下图所示

Axure 使用心得分享

e)       设置过后动态面板区域变成浅黄色,这时我们要选中“显示动态面板”按钮,然后双击又侧的Onclick事件,如下图所示:

Axure 使用心得分享

f)        双击OnClick事件之后,弹出如下框,在下边选择

Axure 使用心得分享

红框标识部分“show panel”即为弹出动态面板,后边Step4中要记得勾选我们要显示的动态面板,这里也就是我们之前起的名为”Olive”的动态面板。点击确认就OK了。

g)       如果想把整个文档全部都预览可以按F5,如果只是想预览当前页可按Ctr+F5,预览效果如下:

1)       点击前

Axure 使用心得分享

2)       点击后

Axure 使用心得分享