Axure制作一个简单的后台管理网页

作为一名产品小白，使用Axure是我们第一步要学会使用的产品工具，主要是用来做什么呢。

主要是用来画原型图的，有人会问，原型图是什么？不好意思，请自行百度喔。

接下来我们就分步骤来介绍，制作一个简单的后台管理系统的页面。

首先我们要明确，要做到的页面图如下：

第一步，首先我们把大框架画出来，打开你的Axure，这里我用的是8.0版本：

第二步，找到左侧的元件列表，选择矩形，拖动到屏幕，选中矩形，在任务栏里设置矩形样式：调整大小、填充颜色，以及边框设置：

选中矩形，也可以在右侧选择样式，可以设置矩形的边框、颜色填充等各种设置，如下：

第三步，我们画左边的框架，一样选择矩形元件，这里的长宽和上面的长宽设置要注意一下。

在上方任务栏或者右侧样式栏都可以对矩形元件进行设置，其他元件同样都可以设置。

这里我们设置下颜色填充，边框、和字体，具体如下：

第四步，输入文字，设置字体样式

双击矩形元件就可以输入内容了；同样，在任务栏可以设置字体样式，在右侧的样式栏也可以进行设置，如下：

第五步，选择一个矩形元件拖到左侧任务栏，

1、 设置矩形大小、填充颜色和边框设置；

2、 设置矩形字体、颜色和对齐方式；

同样，也是可以在右侧样式栏进行设置的；

显示如下：

复制矩形元件，输入不同内容，且字体对齐选择右对齐，则显示如下：

第六步，这样我们的框架就画好了，现在我们来画具体内容，就要使用到我们的表格元件了，

首先，在左侧元件这边找到 表格元件，并拖动到编辑区的合适位置；

双击单元格，可以输入内容，显示如下：

选中一个单元格，选择右侧的 属性，可以插入列或插入行；设置字体同样可以任务栏进行设置或者 右侧 样式进行设置字体；显示如下：

第七步，表格内容设置好之后，接下来我们画搜索栏

1、 矩形元件输入：项目名称，设置边框为空，拖动到合适位置；

2、 元件库中拖动文本框元件，设置合适大小；

3、 放大镜图标可以在元件库中直接使用；

拖动到合适位置，显示如下：

第八步，设置复选框；

在元件库，找到复选框元件并拖动到单元格中，显示如下：

第九步，这样一个系统页面就画好了，我们可以在任务栏右上方，点击“预览”，在浏览器可以预览画好的原型图，显示如下：

Axure RP 8打开之后可以看到很多母板，可以利用母板保持整体系统设计风格一致。对母板进行修改，其他的母板也相应的进行修改更新，可以很大程度上节约时间。母板可以进行新建页面、添加文件夹、添加子页面等。

两种模式均有模板，使用非常简单。

用了模板之后，只需要填写中继器内容，删除不需要的搜索/筛选框，修改文本框提示文字即可使用。

筛选条件不用自己写，系统能自动根据中继器内容自动添加（由于模板筛选的中继器较多，所以加载大约需要10秒时间，请耐心等待，删除不需要的筛选条件后反应很迅速，如案例）。

Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。

总结如下：

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 。

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

---