Axure RP 使用示例-页面框架

Axure RP是一个快速绘制Wireframe和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能。本文介绍如何使用Axure RP PRO 6创建WEB页面框架。

在页面框架中一般分为几个区域,普通的页面包含头部,底部,菜单和主窗口。效果如下:

Axure RP 使用示例-页面框架_第1张图片

点菜单后主窗口内容会发生变化。

Axure RP 使用示例-页面框架_第2张图片

步骤一

创建三个Master,分别是头,底和菜单

Axure RP 使用示例-页面框架_第3张图片

Header Master和foot Master的内容是一张图片(也可以添加些文字)

systemMenu Master的内容是菜单(本例中使用树来实现菜单)

Axure RP 使用示例-页面框架_第4张图片

步骤二

在页面中进行布局,分别放上header,foot和systemMenu三个Master。主窗口放上一个Inline Frame,Label命名为BodyFrame。

步骤三

在systemMenu Master中自定义事件,实现菜单功能。在OnClick事件中设定Raise Event。

Axure RP 使用示例-页面框架_第5张图片

步骤四

回到页面中会看到两个自定义事件,设置这两个事件需要连接的目标地址。

Axure RP 使用示例-页面框架_第6张图片

Axure RP 使用示例-页面框架_第7张图片

步骤五

按“F5”产生原型,可验证生成的内容。



你可能感兴趣的:(Axure)