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教程组件失去焦点时触发。比如用 户名、密码的验证。