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”产生原型,可验证生成的内容。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值