Axure对于产品经理和交互设计师来说是一款再熟悉不过的软件了。工具的熟练使用对于产品岗位的从业者来说是最基础的要求。近那么对于新人,如何快速上手Axure呢。下面给出几个方法。(本文基于Axure8.0举例)
第一、熟悉基本界面和几个重要操作。
先看下打开Axure后,新建文档的默认界面。
今天和大家一起,简单粗暴的迅速上手Axure。常用的也就主要分为图上标注的这八大部分。一条条说。(其他模块暂时不涉及,可以全部关闭模块显示)
第一部分:
主要是用来结构化梳理项目需求的目录和结构。有了这个部分,想看哪个页面,以及页面之间的层级关系都可以一目了然。比如下图。这就好比给Ps里每个图层命名一样,这样就能更有条理。希望大家能养成这个好习惯。
第二部分:
这一部分是元件库,主要使用这些基本原件(零部件)去组合(拼装)成一个完整的界面。使用的时候直接拖动到第八部分的面板上就可以了。下图显示的是软件自带的基本元件,这就够了。因为当一个项目你造出基本页面的话,其他都可以以这个为蓝本进行复制编辑了。
也有项目团队为了统一所有产品和交互的原型稿视觉,额外载入一套自己的元件标准。下图就是之前我们项目团队内部使用的一些控件模板。
第三部分:
这一部分是对于拖拽的元件的各种属性进行修改。比如长宽、颜色、边框颜色、边框粗细、边框虚实线、透明度、内部文字字号、颜色、大小文字对齐方式等等。一条条照着做一遍看看效果吧。这个很简单的。主要是多练习。
第四部分:
这一部分是针对流程图每个流程模块之间的连接方式进行设置。如下图。
选择链接按钮并把鼠标移动到形状上,就会显示四个端口的叉叉形状,移动到其中一个叉叉上就会显示红色小圆圈,点击开始选择连接下一个形状的某一个端口。说多没有用,赶紧去试试。
第五部分:
这一部分是形状之间的对齐方式,可以把不对齐的形状进行诸如“左对齐”“右对齐”等操作。如下图。
分布功能不多说,直接上图。
两者结合后的效果,如下图。
第六部分:
这一部分主要是为了给已经确定的形状上锁,防止干扰其他形状在其区域内操作产生干扰。这个很好理解,就不做多解释了。
第七部分:
这一部分主要是对左右两侧的功能模块可能对主界面产生干扰,可以根据要求进行显示和隐藏。让你安心的进行原型设计。
第八部分:
拖到面板上之后可以任意放大缩小和变化形状。更改颜色和线条等等样式修改。使得组装的界面整体上更加协调统一。比如下面的实例。
第二、临摹前辈原型稿。
网上一搜,一堆项目产品原型文档,有的还非常赞,不妨根据以上的基本知识,找一个符合自己审美的原型稿,开始搞起来吧。俗话说的好好记性不如烂笔头,多动手肯定就是一个强化记忆的最好办法。
多看高质量的原型稿,对你的审美自然产生很多影响。比如你的原型颜色,字体,字号等等的统一性。自然给人以好的体验。
第三、发散思维和拓展。
现如今,基本上做所有的需求,都只需要Axure就可以应付产出物了。这就需要你对Axure足够的熟悉,以及他确实使用起来会让你更方便。表达更清楚高效。你也可以在你接触的工作上使用下Axure试试,拓展下你的发散性思维。比如下面两种:
流程图。
一般流程图都有专门的软件绘制,比如前面的问答有提到的Xmind,但我在不忙碌的情况下还是更愿意使用Axure进行流程图的梳理和绘制。请看下图。
做各种恶搞图形。
甚至在一些原本可以使用PS进行绘制图形的时候,我还是第一时间想到了用Axure来试着画画看。你看下下面这个系列图,还挺有模有样。
哈哈,是不是很搞笑。
说说高保真和低保真原型的区别。
这个话题一直有人不断抛出,从前辈到后辈。网上也有很多解释和说明。这里我也简单说几句。
高保真是除了界面长的粗糙了一些,其它所有的交互都应该和产品真正上线之后的保持一致的。但是高保真的原型很消耗掉交互设计师很大的精力,这里面也涉及到很多深层次的软件使用,比如管理链接,过渡效果,母版使用等等。在一个以高效著称的团队里很显然这是不被允许的,所以单个页面之间的纯展示就会相比来说更快速一些。过渡和一些交互细节只需要是用文字标注和说明即可。大大提高效率。
一个完美主义的交互设计师,是会在保证项目如期上线的基础上,努力挤出其他时间进行完善和迭代成高保证的交互稿。这对项目开发和演示来说是很直观的。
好了,关于Axure的使用,今天就说到这里。
有疑问也欢迎提问或交流。谢谢大家。
最后,如下链接可以引导你去看产品问答的其他内容:
Q3:到底该如何向家人和朋友描述互联网产品的岗位和你所做的事情?