Axure入门

Axure RP是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。同时支持多人协作设计和版本控制管理。

站点地图面板

对所设计的页面（包括线框图和流程图）进行添加、删除、重命名和组织页面层次。

模块面板

一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。

界面与功能

导航面板

在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界面框架，决定信息内容与层级。

明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。

交互设计

控件的交互

用户操作界面时就会触发事件，如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut；

每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；

每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。

：选中一个页面，点击这个按钮可以进入页面编辑状态

：搜索页面，在页面过多的时候可以使用，平时用的少

将页面结构生成流程图：

 

认识axure组件区域

 组件区域也叫做部件区域，英文为widgets，还有人称之为控件区域，组件是axure事先准备好的网站项目常用的零件，比如一些基本的页面元素

Axure默认存在2个组件库，分别为线框图和流程图。同时我们也可以自己去制作一些组件加载进来，或者从网络上下载一些其他网友制作的组件

认识axure部件库中各个部件的属性

在axure中，部件名称并不是唯一的。

文本面板——axure线框图部件库介绍

特别注意：文本面板的高度无法直接调整，它的高度是随着字体的大小自动变化的

矩形、占位符组件——axure线框图部件库介绍

矩形组件和占位符没有太多的区别

 1. 可以用来做页面布局

2. 可以变化成为其他的形状：三角形、圆形、椭圆等很多的形状

3. 可以填充颜色：用着背景和层次

4. 可以用来制作表格

5. 可以直接输入文字

6. 可以添加很多的交互

动态面板——axure线框图部件库介绍

1、什么是Axure的动态面板

动态面板控件（Dynamic Panel）可以让你实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一系列控件（你可以把一个状态理解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或整个动态面板可以被隐藏。结合交互动作，可以让动态面板的状态进行隐藏、显示和改变。像添加其它控件一样，可以在控件面板中拖放动态面板控件到线框图中。

简单的说，动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。简单的说，动态面板就是展示在页面不跳转的情况下所能实现的交互状态

 2、Axure的动态面板可以用来做什么

1）tab式页签的切换效果：Axure的官方给出的实例就是这个

2）鼠标触发式和点击触发式的下拉菜单效果：这个可以结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现，常用于导航的原型制作。
3）鼠标触发式的浮窗效果：类似“Alt”的效果，常用于浏览提示和触发式广告。
4）JS的鼠标点击弹层效果：这个是目前使用被广泛使用的效果之一。
5）注册表单中的根据焦点判断提示的效果：当焦点在输入框内的时候提示该表单栏目填写规范，当焦点离开输入框的时候根据填写的结果提示正确或者错误原因，这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。

 3. 关于动态面板和其中状态的理解

内部框架——axure线框图部件库介绍

2. 如何应用内部框架引用视频内容

如果只需要视频内容，不需要网页的内容，记得复制flash地址，框架的大小是视频播放的大小