Axure 基本功能

Axure简单介绍

Axure RP 是一款专业的快速原型设计工具。

什么是原型呢？

我们这里主要讲的是软件原型，在软件开发中，一个原型是产品或数据系统的一个基本的实用模型 。

Axure 的使用

（这里使用的是Axure RP9）

1、文件保存

• 保存为 .rp 文件 —— 菜单栏--文件--保存为
• 保存为图片 —— 菜单栏--文件--导出为图片
• 保存为HTML —— 菜单栏--发布--在HTML文件中重新生成当前页面

2、界面展示

3、连接工具

 4、钢笔工具

• 按ESC键可以退出钢笔工具
• 利用钢笔工具可以画曲线、折线和直线 等

 5、页面：新建、删除、重命名等

6、元件库的使用

下面我们使用元件库做一些简单的案例：

• Default 

（1）案例一：form表单 

使用到的元件：

 这样即可实现单选元件之间的互斥（不会被同时选中，只能选择其中一个）

 

• Flow 

主要用于UML、ER、流程图等设计使用

 

• Icons 

 这里是一些Axure自带icon图标

除此之外，我们还可以百度搜索 iconfont 图标来使用：

使用iconfont图标需要在google浏览器中安装axhub插件，安装完成后，直接复制自己喜欢的图标即可

此外，我们还可以自行安装一些Axure没有的元件。（自行下载后添加到Axure中）

 7、母版

母版可以用于元件的复用（当一个元件需要在多个页面中使用到时，我们可以使用母版）

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

8、自适应

9、 交互

Axure中有很多交互动作：

（1）案例一：页面载入时弹出欢迎框

使用到的元件：

 

第一步：将这些元件组合到一起。

第二步：刚开始的时候应该设置为隐藏的：

 ​​​​​​第三步： 载入时显示

第四步：分别设置点击“取消”和“确定”时 ，弹框隐藏

 

（2）案例二：链接跳转

想要跳转外部链接时： 

（3）案例三：菜单按钮互斥效果

  这里选择方框元件即可：

 第一步：给它们设置样式效果：

此时的选中效果是无效的，我们需要设置交互事件：

第二步：设置互斥

（4）折叠菜单（二级菜单）

这里我们用到动态面板：