Axure基础操作总结

介绍

按照官方说法，Axure是一款专业的快速原型设计工具。那么Axure作为IT原型界的“网红”产品，为什么大家都用它？其原因如下：

• 第一，它属于主流原型设计软件。在“前程无忧”上搜索“产品经理”，连“51job”自己招聘的产品经理职位描述中也标注了“熟练使用原型工具Axure”。
• 第二，Axure简单易学，效率高。除了产品经理，设计师、研发工程师、测试工程师等都在学习Axure，正是因为其简单易学，表达需求的效率高。
• 第三，Axure功能强大。利用Axure可以进行原型设计（含高保真、线框图），可以画流程图，可以制作信息架构图，可以撰写需求文档等。对一些产品经理而言，Axure已足够满足日常办公的需求。

基础操作
（若没有装汉化，要懂英语，哈哈哈哈哈啊哈哈）

1. 菜单栏和工具栏
   

2. 新建、保存、导出和备份文件等
   
   当选择“新建元件库”选项时，要注意保存后的文件名是以.rplib结尾的。在元件库区域，单击“+”后，可以导入自己制作的元件库。在设计原型时，如果有使用频率较高的自定义元件，那么建议自制成库，并且导入文件中备用。选择导入的元件库时，单击按钮，可以选择“编辑元件库”或者“移除元件库”选项。
   

至于“新建团队项目”和“新建团队元件库”选项，按照软件要求的步骤，登录Axure云账号，新建项目文件夹名以及项目文件，创建即可。

• 另外，在Axure中，原型可以被导出为图片格式文件，如PNG、JPG、GIF、Bitmap等格式均可。
  最后，在“文件”菜单中通过自动备份设置，能够保证用户的劳动成果，在一些不可预测的紧急状态下，不会蒸发得无影无踪。所以用户务必要勾选“启用备份”选项，备份间隔时间可以根据个人情况进行设置，但建议尽可能使间隔时间短一些。
  

设置视图
在“视图”菜单中，一般采用默认设置。也可根据个人需要，对某些配置进行修改。其中，日常使用会涉及的设置包括：“网格设置”“辅助线设置”“元件对齐设置”等。

“网格”选项卡中包括“间距”、“样式”和“颜色”3个参数。默认的“间距”是“10像素”，“样式”是“交点”，“颜色”是蓝色。

默认的“网格设置”对应的内容，可以通过勾选“显示网格”选项进行查看。

调整参数，将“间距”设置为30像素，“样式”设置为“线段”，“颜色”设置为橙色，修改后网格效果变化明显。

“辅助线”选项卡中包括“底层显示辅助线”“始终在标尺中显示位置”“全局辅助线颜色”“页面辅助线颜色”“页面尺寸辅助线颜色”“打印辅助线颜色”等参数。

在设置之前，需要先了解各个选项的具体含义。

• “底层显示辅助线”是指辅助线置于元件底层。
• “始终在标尺中显示位置”是指在刻度尺上显示辅助线的水平或者垂直坐标值。
• “全局辅助线”是指将一条辅助线拖入至A位置，那么所有页面的A位置上都会有这条辅助线。
• “页面辅助线”是指当前页面的辅助线，与全局辅助线的区别在于，全局辅助线辐射所有页面，而页面辅助线仅在当前页中显示。
• “页面尺寸辅助线”是指页面尺寸边界的辅助线。
• “打印辅助线”是指打印边界的辅助线，类似Excel中打印预览时的打印辅助线。
• 勾选“底层显示辅助线”选项后，辅助线都置于矩形底层；勾选“始终在标尺中显示位置”选项后，水
• 刻度尺上显示两条辅助线的X坐标值；全局辅助线是紫红色，页面辅助线是天蓝色，页面尺寸辅助线是紫色的虚线，打印辅助线是灰色的实线，效果如下图所示。
  

“元件对齐”选项卡中包括“边缘对齐”和“对齐辅助线颜色”两个参数。

拖入一个“矩形1”，再拖入一个“矩形2”，拖曳“矩形2”时不要松开鼠标，使“矩形2”靠近“矩形1”，当两个矩形水平或者垂直对齐时，会显示红色的虚线。这条虚线的颜色即元件之间，对齐辅助线的颜色。因为没有勾选“边缘对齐”选项，所以默认是“无”，只有在两个元件零接触时才会显示出来，下图红框内显示的即边缘对齐。勾选“边缘对齐”选项后，“垂直”和“水平”均设置为20/50像素，对齐效果将发生变化。

设置项目
“项目”菜单中的选项相对比较重要，包括“元件样式管理器”“页面样式管理器”“说明字段设置”“全局变量”“自适应视图”等选项。

“元件样式管理”对话框中都是系统默认的元件样式，可以进行增加、删除、修改、查找元件样式等操作。下图所示为新增的样式，其被命名为“我是新的样式”。

从元件库里拖入一个“矩形1”，在“样式”面板中，可以为元件启用自定义的样式。

“页面样式管理”对话框中是系统默认的页面样式，支持增加、删除、修改、查找页面样式等操作，但只有一个样式时，样式是不可以删除的。下图红框内所示为默认的页面样式。

下图所示为新增的页面样式，将其命名为“我的新页面样式”。

单击“确定”按钮后，在页面样式中选择刚刚自定义的页面样式，效果如下图所示。

在“说明字段设置”对话框中，包含“编辑元件说明”、“编辑元件字段集”和“编辑页面说明”选项卡。

如果想要增加说明的类型，则可在原有基础上，新添加3种字段，并设置为不同的类型。切换到“编辑元件字段集”选项卡，新建一个字段集，然后将刚刚新建的字段都纳入其中。拖入“矩形1”，在“说明”面板中添加的字段都显示出来了，表明这时可以对预设的字段添加说明了。

关于“编辑页面说明”选项卡，其操作与“编辑元件说明”选项卡一样，在“说明字段设置”对话框中新添加自定义页面字段，然后显示在“说明”面板中。

“全局变量”，其命名需要符合规范。这里要注意“全局”两个字，全局意味着包含所有页面。可以把它想象成一个背着空箱子的信差，把所有页面想象成各个收件人。你在这个箱子里赋予了什么值，就可以请信差背着这个值跑向其指定收件人处。全局变量的使用频率较高，是非常重要的配置。

“自适应视图”，根据预设的页面尺寸，可快速切换至不同的硬件规格上查看不同的页面布局。

• 例如，笔者打算做一款产品的原型设计，但这款产品的业务形态包括Web、iPad和iPhone，3个载体的尺寸又各不相同，分成3个文件制作非常麻烦，因此可