使用axure的动态面板做导航效果

1、首先打开Axure,在home中，搭建基本样式。如图在左侧的“部件-线框图”中，选择动态面板图，左键点击拖到工作窗口。调整为需要的大小。

3、状态添加并命名完毕后，在"面板状态"中点击“编辑全部状态”。如图。

5、首先，“11”的动态面板页面设计，我们设计的目标是，当选择首页时，显示的图片在左边，文字在右边。

8、同理，在“11”中，设计第二个矩形框的动态。选中“第二页”的矩形框，同设置首页的步骤，在右侧右上角“鼠标单击时”双击，弹出窗口，“动态面板”---“设置面板状态”--在窗口的第四步中，选中“动态面板”，当前默认是“11”，我们需要改成“22”，如图所示，选择后，确定，第二个面板的就设计好了。

9、第二个设计的方法类似。首先需要复制“11”面板中的按钮矩形框至“22”动态面板，同理拖动图片和多行文字元件至动态工作区。如图。将首页的矩形框颜色改为白色，”第二页“填充为蓝色。

11、我们来生成原型文件，看下具体的状态。