Axure RP母版中怎么制作可复用的网页?

Axure RP是一款制作高保真原型的工具,其中的母版是一个很重要的功能,它可以复用到很多的页面中,比如网页的顶部导航,左侧的菜单树,底部公司的信息等等。这些重复的部分可以做成母版,然后复用到页面中,这样节省了很多时间,精力以及内存空间。接下来,我来分享怎么使用axure的母版功能。

1、下载安装Axure RP,我安装的是Axure RP7.0。然后打开Axure RP,页面左下角的部分就是母版,我这里以QQ空间的页面为例,来做这个例子。QQ空间由三部分组成:顶部的导航,左侧菜单和右边的详细显示界面。其中顶部的导航和左侧的菜单很少变化,所以可以把这两个部分拆出来做成母版,复用到各个页面中。

2、点击Axure左下角的母版部分的粉红色+,新建母版。新建两个分别起名叫“顶部导航”和“左侧菜单”。将QQ空间的顶部导航部分截图下来粘贴到“顶部导航”母版中。再将QQ空间的左侧菜单部分截图下来粘贴到“左侧菜单”母版中。保存之后,这两个简单的母版就制作好了。接下来我们就把他们复用到“特别关心”和“与我相关”这两个页面中。

3、在站点地图中新建两个页面,分别取名叫做“特别关心”和“与我相关”,新建好了之后是两个空页面。因为这两个页面中都包含了顶部导航和左侧菜单,所以我们就可以把之前新建好的两个母版“顶部导航”和“左侧菜单”复用到这两个页面中。

4、鼠标放在“顶部导航”母版上,右击鼠标,在弹出框中选择“添加到页面”,意思就是:要将该母版添加到某些页面中。

5、在弹出的窗口中,将“特别关心”和“与我相关”页面都勾选上,意思就是要将该母版“顶部导航”添加到这两个页面中。锁定为母板中的位置:母版在页面中的位置,就是母版当前的位置;制定新位置:母版在页面中的位置,由xy轴重新指定;置于底层:改母版将添加到页面的最底层。将“左侧菜单”母版也按照上面的步骤,添加到两个页面中。

6、打开“特别关心”页面,发现,母版都已经添加到页面中了,但是左侧菜单母版处于页面(0,0)位置,被覆盖了,那是因为我们在选择添加到页面的时候,把位置选成了“锁定为模板中的位置”,而左侧菜单母版的在母版中就是(0,0)所以,添加到页面中就被覆盖了。但是在页面中拖动的时候,发现拖动不了母版,怎么解决呢?我们可以选中被覆盖的母版,右击鼠标撤销“固定位置”,然后将母版拖动到合适的位置,保存就可以了。将“与我相关”页面也按照上面的步骤整理好母版的位置。

7、如果不小心把母版加错了页面怎么办呢?点击加错了的母版,右击鼠标选择“从页面中移除”就可以选择要移除的页面了。

(0)

相关推荐

  • Axure RP 8中怎么制作复选框?

    Axure RP 8可以利用自带的控件设计出不同场景.不同类型的页面以及组件,如表格.下拉框.复选框和单选框等.下面将介绍如何用Axure RP 8制作出不同的复选框,具体操作如下: 1.首先,双击打 ...

  • Axure RP 8中怎么制作移动页面原型?

    Axure RP 8是设计软件原型工具,根据系统需求设置各种页面.页面分为不同的级别,有同级的.父子级等.下面将讲述如何利用工具移动页面,具体如下: 1.双击打开Axure RP 8,默认情况下,在“ ...

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • Axure 8.0中怎么制作手机上下滑动效果?

    利用Axure 8.0 制作手机上下滑动效果 1.打开Axure 8.0,在网上找一个手机外壳的图片,然后添加大小和手机屏幕相等的动态面板,命名为“屏幕” 2.然后双击State1,添加一个矩形,宽度 ...

  • Axure RP 8怎么设置树状菜单?

    Axure RP 8中可以制作不同类型的菜单,想要制作树状菜单,该怎么制作呢?下面我们就来看看详细的教程. 1.打开Axure RP 8软件,在元件库中找到“树状菜单”,拖一个到编辑窗口,如下图所示: ...

  • Axure RP怎么制作选项卡控件?

    Axure RP工具中的既有元件库中没有现成的选项卡控件,该怎么自己制作选项卡控件呢?下面我们就来看看详细的教程. 1.先正常打开Axure RP工具,然后新建一个空白页面. 2.本经验以“我的任务” ...

  • Axure RP 8怎么制作不倒翁的标靶图形?

    利用Axure RP 8设计软件制作:不倒翁.有人物形象和颜色填充.操作如下: 1.打开Axure RP 8设计软件,在基本元件中拖曳一个椭圆形,修改其高度和宽度为120×100,如下图所示: 2.再 ...

  • Axure RP 8网页原型中的组合对象怎么取消组合?

    Axure RP 8在制作一个产品原型时,通常有很多元素组成的.有时元素需要放在一起操作,有时需要将它们拆开.下面讲述如何在Axure RP 8中组合对象和取消组合对象,具体操作如下: 1.找到Axu ...