Axure的入门到精通（一）

Axure是我现在工作最常用的软件，能够涉及到的东西有很多。属于易入门难精通的那种。所以本系列主要讲解一些比较难的点，而将在本篇快速过一遍所有比较简单的入门使用。 准备学习Axure的小伙伴们可以关注本系列的更新。 教程以Axure9为准

本节介绍基本界面，觉得功能一目了然的可跳过。

1-菜单栏：这个功能大部分办公软件都具备，之后用到具体功能会解释。

2-页面栏：这里可以对页面进行操作如增删改查、以及拖动页面附属于另一个页面的下方或文件夹的下方进行分类。双击进入页面进行页面设计。

3-页面概要：这里可以展示当前页面的所有元件。概要是非常重要的，可以快速对元件进行分类、命名、批量删除、批量选中等操作。

4-元件属性：这里可以调整元件的具体属性内容，如位置、大小、角度、颜色、字体颜色、圆角度、阴影等。

5-元件库：在这里可以找到你想要的元件拖动进页面内进行设计。元件库有默认的库，也可以导入别人设计好的库。后续我会分享我的常用库，也会分享如何去设计一个自己的元件库。

6-交互管理：交互信息在这里添加，如你设置点击某个按钮之后跳转至另一个页面。其实看起来好像很难其实蛮简单的。我在本章下方会介绍。

7-母版管理：母版相当于模板。可以事先创建、删除、像页面头部、导航栏页面常用元素在母版里面，然后加载在需要显示的页面，制作页面时就不必再重复这些操作。

8-界面设计栏：这里可操作设计页面具体的内容。如微信等按钮要放在注册下面，你可以自己通过自己的想法设计你需要的界面。

9-元件内容操作栏：大部分功能是对字体进行的操作，如“登录”这个按钮，这里可操作修改“登录”这两个字的字体、颜色、是否加粗，居左居中居右等文字性的操作。部分功能与元件属性操作栏有些许重复。

以上视图均为重要操作视图。如不小心误删了，可在工具栏里找回。这里不做过多赘述。 另外在这里补充一个操作。 如果想按自己的使用习惯来放置区域，直接鼠标拖动放在在自己想要放置的区域即可。 上图的“交互管理”也是我自己特地拖动出来截图讲解的。 操作如下图。

随便想一个最简单的案例来说明 “点击登录之后，弹出登录框”

（1）先从元件库中，拖动一个按钮进入界面操作。 并双击元件改名为“登录”

（2） 然后拖动一个矩形，作为登录界面；拖动两个文本框双击修改预置信息，作为登录的账号密码输入界面。并拖动按钮作为确认登录按钮。（文本框的预置文字有更好的实现方式，这里不过多赘述） （3）弹出框把原来的登录界面给遮住了，两个都是可见的。 那如果要实现点击登录然后弹出弹出框的话。那么起初弹出框需要时隐藏的。 然后通过点击“登录”按钮，把弹出框的隐藏状态给改为可见。

那么需要先把弹出框的所有元件捆绑在一起（在页面概要操作更加方便） 在概要上选中弹出框相关元件点击“组合”。并将分类文件夹改为“弹出框” 然后回到页面中右键，点击“设为隐藏”

（4）然后就是设置交互了。 点击登录，弹出框的属性就从“隐藏变为可见”，即为弹出。 点击“New Interaction”，意思是新增互动。 然后是选择你想要的交互方式。这里选择“Click or Tap”，意思是单击或点击。 这里是选择你交互的内容，全都是字面意思。打开链接就是点击后打开链接。关闭窗口就是点击后关闭窗口。而我们要做的是隐藏改显示。即点击“显示/隐藏” 如图，对事件内容进行具体操作。 根据我们的需要，选择弹出框的文件夹。 其实选择“显示”或者“切换都可以”。前者是将弹出框变为显示，后者是弹出框切换状态。都能达到我们想要的效果。只不过后者再点击一次登录就会又隐藏起来。 总的来说还是“显示”更为贴切。 选择好之后，交互便设置完成 点击菜单栏的Publish的预览来预览自己设置的效果吧！ 效果就自行查看啦~~

这里只介绍Axure比较需要的且平常生活不常见的快捷键。如Ctrl+c的复制之类的就不介绍了

母板是一个批量重复操作的非常重要的工具 修改母板相当于修改所有母版下的所有元件 首先设置某个元件为母版，右键点击Create Master 就是设置为母版的意思。 给母版取个名字。每次都要记得取名字！！这个很重要。Axure很多地方该取名就要取名，不要偷懒。取名能让你工作无比流畅。要养成这个习惯。 为了给大家展示母版的效果 我先复制多几个母版下的元件 然后是双击母版，进入母版编辑页面 我们把母版的文字从“母版案例呀”改为“知易是个大帅哥” 然后重新打开page1 可以看到 所有的母版下元件均已变化。

本文意在介绍Axure最最最基础的使用以及快捷键记录。但是正是这些基础的使用能够让你基本做一个很简单的原型图。这就是Axure易入门的原因。

这个系列后续会一一讲解Axure的难点。如果碰到比较基础的操作补充，会回来补充在这一篇里。 如果只是想入门的话。 这一篇就够了。