初探Axure

     Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。 Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

推荐 Axure中文学习网：Axure中文学习网 – 交互原型设计软件Axure RP 10中文正版支持 – 北京口耳相传科技有限公司

（这个学习网里边有非常多Axure的案例教程，有初级以及高级。可供初学者学习。一些案例都非常经典以及是学习Axure非常之必要的。我觉得对于初学者来说非常好。）

Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。导出可以生成HTML文件，对与设计者要与甲方沟通是非常方便的。 优势： Axure这个软件功能强大，可以做出很多交互效果，直接通过拖拽画出原型、生成网页； Axure这个软件效果高，只有遵循一些可用性原创，很快模拟出高保真页面原型。

Axure汉化包下载地址：http://www.chanpinban.com/downloads/#

 Axure界面布局功能图片介绍

 对于工作区域，有一些快捷键，除开能使用通常的“Ctrl+c”、“Ctrl+v”、“Ctrl+v”、“Ctrl+z”这些快捷键的功能以外如：“按住Ctrl键+鼠标滚轮向上滑动”可以放大查看工作区域，“按住Ctrl键+鼠标滚轮向下滑动”则是缩小查看工作区域，“按住Shift键+鼠标滚轮向上滑动”可以查看工作区域左边部分，“按住Shift键+鼠标滚轮向下滑动”可以查看工作区域右边部分，直接”按F5“便可查看网页预览等等。这些快捷键都是提高使用Axure效率的，非常实用，使用率也极高。还有更多Axure的快捷键使用可以查看下面这个链接。

Axure常用基本快捷键 - 百度文库

连接线

对两个元件进行连接，有自动聚焦功能，且连接线可进行设置：线条颜色、线条粗细、线条样式、箭头样式。根据不同的业务进行对应的连接线设置。如下图所示： 

 

钢笔工具

双击或者esc结束钢笔工具；可画直线、折线

画曲线：当前点位置左键鼠标按住不动，方向影响到曲线的方向，橘色的线长度影响到曲线的半径

样式：线条（颜色、粗细、样式）、填充（单色、渐变）

 新建页面、新建文件夹

 

大纲 

大纲可清晰查看页面所有组件

元件库

组件面板中包括有线框图组件和流程图组件两种类型，用这些组件可以进行线框图和流程图的相应设计。 这里显示的是所有的组件，后面的一部分是流程图组件 。系统默认显示的线框图类型的部件。

 

常用基础元件库有Default、Flow、Icons ，元件库里的原件组成了页面的内容可直接将所需组件拖拽到工作区域使用，Default元件库里面都是基础的常用组件。 

Default元件库里部分元件

如制作一个简单Form表单：

        

此外Flow元件库主要用于UML、ER、流程图等设计使用、icons为图标元件库。也可以使用iconfont图标库里的图标，只需在浏览器安装axhub插件，便可在iconfont网页选择自己想要的图标，复制后直接在Axure工作区域粘贴便可使用，非常方便。

在iconfont网页中，鼠标悬停在所需图标上，点击出现的这一按钮便可复制图标

 

图为Axhub插件

 

除了Axure自带的元件库之外，还有其他很多元件库，常用的有elementUI，vant，antDesign等，可按照自己需求下载并导入到Axure中。

母版

作用：风格的统一、元件的复用

新建母版：已有元件，右键生成母版

左下角新建母版

使用：从左下角拖拽使用

行为方式：任意位置、固定位置

只要修改母版，每个页面的引用的母版内容就会改变 

交互

交互类型 Axure里的交互动作大致包括：定义链接、设置动作、多个条件场景、页面上的交互四种类型

交互样式(仅对当前元件的样式进行更改)：选中元件，鼠标右键，选择【交互样式...】，选择交互触发类型，选择要更改的交互样式。

交互动作(带有逻辑性)：选中元件，在右侧交互面板选择交互事件类型，设置动作。

交互情形(带有逻辑性)： 设置交互动作，在交互动作中添加情形并设置情形对应的动作；当某个元件的值满足A情形的时候做A动作，满足B情形的时候做B动作。

................