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、如果不小心把母版加错了页面怎么办呢?点击加错了的母版,右击鼠标选择“从页面中移除”就可以选择要移除的页面了。
相关推荐:
相关文章
- Axure8怎么制作彩色个性化的按钮?在设置网页原型的时候,想给网页设计特别的按钮,该怎么设计呢?下面我们就来看看Axure8制作彩色按钮的教程,需要的朋友可以参考下2016-07-26
- axure怎么制作动态面板的拖动的原型?axure中看到网页有各种效果,今天我们就来看看通过动态面板的拖动实现想要的效果的教程,需要的朋友可以参考下2016-07-18
- Axure中怎么使用内部框架?Axure中经常绘制网页原型,该怎么合理的使用内部框架来完成,下面我们就来看看axure的详细的使用教程,,需要的朋友可以参考下2016-07-15
Axure RP Pro怎么汉化?axure rp8中文破解教程
axure rp是一套专业的原型设计工具,能高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等,那么怎么对英文版进行汉化呢?下面就一起来看看axur2016-07-04- Axure RP8怎么制作上下左右制遥控器中的按钮?大家都见过遥控器上有上下左右的按钮可以控制,我们今天就来看看怎么绘制一个上下左右控制按钮来控制图片,需要的朋友可以参2016-06-28
- axure怎么制作中继器设置翻页效果?axure制作网页原型的时候,想制作中继器设置翻页的一个原型,该怎么制作呢?今天我们就来看看axure制作中继器设置翻页效果的详细教程,2016-06-27
- axure中图形重叠的时候边框变粗该怎么办?axure在绘制图形的时候,有时候会出现重合的地方,这时候重合的边框就会变粗,该怎么解决这个问题呢?下面我们就来看看详细的教程2016-06-23
- axure怎么设置图片自动移动任务?在做网页原型的时候,需要实现自动执行的任务,这时候我们就可以让axure自动运行,下面我们就来看看详细的教程,需要的朋友可以参考下2016-06-23
- Axure中怎么使用样式编辑器与变量管理?Axure中制作网页原型很方便,Axure中有样式编辑器与变量管理,该怎么使用呢?下面我们就来看看这个问题的详细解决办法,需要的朋友2016-06-22
- Axure怎么设置选项组?Axure中绘制网页原型图的时候想设置选项组该怎么设置?今天我们就来看啊可能Axure设置选项组的详细图文教程,需要的朋友可以参考下2016-06-21
最新评论