AXURE是产品经理的最基本技能,专门为大家写了一篇快速上手的教程。我愿称之为《一张图学会AXURE》。
AXURE的使用分为四个方面,即:
1、基础操作
2、元件的使用
3、样式设置
4、交互设计
只要把这四个方面都掌握了,就可以说完全掌握了AXURE的使用方法。
下面分别一一进行说明。
一、界面认知
整体布局
1、站点地图(页面结构区),在这里进行页面的层级关系规划。通过它可以对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。
- 页面的新增、删除和修改名称
通过面板工具栏上的新增按钮可以添加一个页面,点击删除按钮可以删除一个页面。右键单击选择重命名菜单项可对页面进行名称的修改。
- 页面顺序的排列和组织
对页面的排序操作,是通过对页面导航面板页面的拖动或点击工具栏上的排序按钮完成的。可以上下移动页面的位置和重新组织页面的层次。
对每一个具体的页面的设计,是通过鼠标双击页面,就可以在画布区打开页面以进行原型的设计。
2、元件库,下图是AXURE的所有元件:
需要说明的是,AXURE的元件库不光可以载入已有的部件库(*.rplib文件),创建自己的部件库。甚至还可以对系统自带的默认元件库进行修改,删除。你可以把一些自己不用的元件都去掉,打造一套完全符合自己使用习惯的元件库。
- 然后是母版区
母版是一个可以重复使用、共同调用的组件集合,可以把它简单的理解成一个一个是设定好的自定义组件库》
- 工具栏:
工具栏的所有图标
文件的基本操作
画笔的选择
画布的显示比例
层的设置
组合的设置
排列的设置
锁定的设置
左右两栏界面的开关
原型的查看预览与发布
登录到AXURE的云服务器
二、元件使用
AXURE的所有元件分为三大类型:即
默认(default)
流程图(flow)
图标(icon)
使用最多的主要是默认元件。
这四种其实都是矩形。圆形也是矩形的变形。在交互属性上它们是完全一样的。
这两种通常用来表示图片。
常见的三种按钮的样式。要注意的是,这三个都不是表单,也就是说这不是真正的BUTTON。
文本组件,用来表达文字类内容。这五种的区别只是文字大小和多少。
线段实际上是特殊的矩形。可以理解成为某个维度为1的特殊矩形。
这四个都是用来做交互的。高保证原型图种用的较多。低保真可以不用。
三、样式设置
这是AXURE的样式栏。
文本的字体设置
对齐的设置
对象填充的样式设置
线段的各种效果的设置
对象的坐标和宽高数值
以上基本覆盖了99%的原型设计需要使用的样式设置。还有一些其他的不常用的样式设置,在右侧样式栏里可以找到更多的选项。
四、交互设计
用axure做交互设计主要需理解它的两个方面逻辑:即
事件与动作。
事件:即触发机制。也就是说,在用户做什么行为的时候,触发了后面所设置的一系列动作。
要想做好AXURE的交互设计,必须需要熟练掌握axure都有哪些交互事件。只有灵活的应用这些事件,才可能快速灵活的掌握原型。
、这些事件,大部分是针对鼠标的动作。另外有一些是针对元件的状态和键盘产生的动作。
AXURE的所有交互事件
交互设计管理器/用例编辑器
axure的所有交互设计,都是通过这个逻辑来完成的。
即:设置事件》添加动作》设置动作的具体选项。
只要理解了这个逻辑关系,也就可以进行各种复杂的交互设计效果的实现了。
AXURE动作的五大类型
设置了事件后,必须要设定对应的动作。如果有多个动作,则需要排列好所有已加入的动作。
动作一共分为五大类,即:
链接类
元件
变量
中继器
其他
以下是AXURE的所有动作列表:
这里面用的最多的动作,主要就是链接类和元件类。
其中又数以下几个用的频率最高:
打开链接
显示/隐藏
设置面板状态
基本上常用的原型中的交互,80%以上用的最多的就是以上三种的组合应用。
看完这些,你已经基本了解了AXURE原型设计的基本方法。可以说,通过以上这些基本的介绍,你就已经掌握了AXURE画原型的基本方法。
如果你希望更快速的上手以及加深掌握,那么很简单,就是找到一套讲的明明白白还有实操案例的视频跟着看、跟着练就行啦!