Axure RP 使用示例-页面框架

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

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


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


步骤一

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


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

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


步骤二

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

步骤三

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


步骤四

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



步骤五

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



你可能感兴趣的:(Axure RP 使用示例-页面框架)