axure教程

名词解释
线框图：一般就是指产品原型，比如：axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。

axure 元件：也叫 axure 组件或 axure 部件，系统自带了一部分最基础 常用的， axure教程网上也有很多别人做好的， 软件使用到一定阶段可以考虑自己制作 元件，以便提高产品原型的制作速度。

生成原型：是指把绘制好的原型通过 axure rp 生成静态的 html 页面， 检查原型是否正确， 同时，方便演示。建议生成时选择用chrome浏览器打开 （第 一次会有提示安装相关插件） ，ie 会每次都有安全提示，axure教程不如chrome浏览器方便。

Axure主的界面
1- 主菜单工具栏： 大部分类似 office 软件，不做详细解释， 鼠标移到按 钮上都有对应的axure教程提示。

2- 主操作界面： 绘制产品原型的操作区域， 所有的用到的元件都拖到该 axure教程区域。

3- 站点地图：所有页面文件都存放在这个位置， 可以在这里增加、删除、 修改、查看页面，也可以通过鼠标拖动调整页面顺序以及页面之间的关系。

4-axure 元件库：或者叫 axure 组件库、 axure 部件库，所有axure教程软件自带 的元件和加载的元件库都在这里， 这里可以执行创建、 加载、删除 axure 元 件库的操作，也可以根据需求显示全部元件或某一元件库的元件。

5- 母版管理：这里可以创建、删除、像页面头部、导航栏这种出现在每 一个页面的元素，可以绘制在母版里面，然后加载到需要显示的页面，这样 在制作页面时就不用再重复这些操作。

6- 页面属性：这里可以设置当前页面的样式， axure教程添加与该页面有关的注释， 以及设置页面加载时触发的事件 onpageload 。

7- 元件属性：这里可以设置选中元件的标签、样式，添加与该元件有关 的注释，以及设置页面加载时触发的事件；

8 动态面板： 这个是很重要的区域，在这里可以添加、删除axure教程动态面板的 状态，以及状态的排序，也可以在这里设置动态面板的标签；当绘制原型动 态面板被覆盖时， 我们可以在这里通过点击选中相应的动态面板， 也可以双 击状态进入编辑。

Axure元件介绍
图片 ：图片元件拖入编辑区后， 可以通过双击选择本地磁盘中的图片， 将图片 载入到编辑区， axure 会自动提示将大图片进行优化， 以避免原型文件过大； axure教程选择图片时可以选择图片原始大小，或保持图片元件的大小。

文本 ：在网页中文本的名称是 lable ，用于页面中添加说明文字、文字连接， 或一些动态的提示。

矩形 ：矩形的应用比较广泛，比如作为页面的背景、按钮、以及一些元件的遮 盖等；矩形的形状可以通过鼠标右键点击–编辑选项—改变形状，来变成我 们需要的形状， 比如axure教程做选项卡时候我们需要顶部圆角的矩形， 就可以通过改 变矩形的形状来实现。占位符 ：制作原型时， 可以用它来代替对一些没有交互或者交互比较简单容易说 明的区域； 也可以做成关闭按钮。 占位符在保真比较高的产品原型中作用不大。

水平线 ：就是一条水平的线， 可以作为表示页面一些区域分割时使用， 比如在两 块不同区域之间添加一条水平线， 来明显的区分。 水平线可以通过设置元件 属性中的角度 Rot o变成斜线来axure教程使用。

垂直线 ：axure教程没什么好说的，和水平线一样的作用。

图片热区： 用于点击图片中某个区域产生交互事件时使用， 图片热区也是矩形的一 种，可以通过设置矩形无边框，背景色 100% 透明度来实现。

元件的触发事件
OnClick （点击时） : 鼠标点击事件，axure教程除了动态面板的所有的其他元 件的点击时触发。比如点击按钮。

 OnMouseEnter （鼠标移入时） : 鼠标进入到某个元件范围时触发， 比如当鼠标移到某张图片时显示该图片的介绍。

OnMouseOut （鼠标移出时） : 鼠标离开某个元件范围时触发。比 如鼠标离开图片时，图片介绍消失。 

OnKeyUp （按键弹起时） : 文本框（单行与多行）编辑时，axure教程键盘按 下某一个按键松开时触发， 不支持其他 axure 元件。比如统计文本框输入的 字数。 

OnFocus （获取焦点时） : 当一个元件通过点击或切换获取焦点时触 发。比如搜索框编辑时，清空“请输入关键字”的提示。

OnLostFocus （失去焦点时） : 当一个axure教程组件失去焦点时触发。比如用 户名、密码的验证。