Axure RP母版中怎么制作可复用的网页?
作者：佚名
字体：[ ] 来源：互联网 时间：08-01 11:21:10
Axure RP母版中怎么制作可复用的网页？Axure中如果使用母板可以方便很多，将它可以复用到很多的页面中，比如网页的顶部导航，下面我们就来看看详细教程，需要的朋友可以参考下
Axure RP是一款制作高保真原型的工具，其中的母版是一个很重要的功能，它可以复用到很多的页面中，比如网页的顶部导航，左侧的菜单树，底部公司的信息等等。这些重复的部分可以做成母版，然后复用到页面中，这样节省了很多时间，精力以及内存空间。接下来，我来分享怎么使用axure的母版功能。
软件名称：原型设计工具Axure RP Pro 8.0破解版 中文汉化破解版(附汉化包+注册码)软件大小：73.1MB更新时间：
1、下载安装Axure RP,我安装的是Axure RP7.0。然后打开Axure RP,页面左下角的部分就是母版，我这里以QQ空间的页面为例，来做这个例子。QQ空间由三部分组成：顶部的导航，左侧菜单和右边的详细显示界面。其中顶部的导航和左侧的菜单很少变化，所以可以把这两个部分拆出来做成母版，复用到各个页面中。
2、点击Axure左下角的母版部分的粉红色+，新建母版。新建两个分别起名叫&顶部导航&和&左侧菜单&。将QQ空间的顶部导航部分截图下来粘贴到&顶部导航&母版中。再将QQ空间的左侧菜单部分截图下来粘贴到&左侧菜单&母版中。保存之后，这两个简单的母版就制作好了。接下来我们就把他们复用到&特别关心&和&与我相关&这两个页面中。
3、在站点地图中新建两个页面，分别取名叫做&特别关心&和&与我相关&，新建好了之后是两个空页面。因为这两个页面中都包含了顶部导航和左侧菜单，所以我们就可以把之前新建好的两个母版&顶部导航&和&左侧菜单&复用到这两个页面中。
4、鼠标放在&顶部导航&母版上，右击鼠标，在弹出框中选择&添加到页面&，意思就是：要将该母版添加到某些页面中。
5、在弹出的窗口中，将&特别关心&和&与我相关&页面都勾选上，意思就是要将该母版&顶部导航&添加到这两个页面中。锁定为母板中的位置：母版在页面中的位置，就是母版当前的位置；制定新位置：母版在页面中的位置，由xy轴重新指定；置于底层：改母版将添加到页面的最底层。将&左侧菜单&母版也按照上面的步骤，添加到两个页面中。
6、打开&特别关心&页面，发现，母版都已经添加到页面中了，但是左侧菜单母版处于页面（0，0）位置，被覆盖了，那是因为我们在选择添加到页面的时候，把位置选成了&锁定为模板中的位置&，而左侧菜单母版的在母版中就是（0,0）所以，添加到页面中就被覆盖了。但是在页面中拖动的时候，发现拖动不了母版，怎么解决呢？我们可以选中被覆盖的母版，右击鼠标撤销&固定位置&，然后将母版拖动到合适的位置，保存就可以了。将&与我相关&页面也按照上面的步骤整理好母版的位置。
7、如果不小心把母版加错了页面怎么办呢？点击加错了的母版，右击鼠标选择&从页面中移除&就可以选择要移除的页面了。
相关推荐：
大家感兴趣的内容
12345678910
最近更新的内容上篇讲了控件的使用技巧，相信读者还记忆犹新，这里再跟大家回顾下，控件使用技巧：1、滚动显示动态面板内容 2、如何画折线 3、整块的点击效果 4、输入框加上提示文字 5、连接流程图 6、优化导入图像。这些都是非常常用并且实用的技巧，相信读者也有一定的收获，更多的控件使用技巧希望读者在使用过程慢慢发掘。Axure迭代到8.0，已经非常强大，增加了很多实用的功能，然而不碰到合适的使用场景，有些功能还真用不上，更谈不上熟悉。这篇介绍Axure软件本身的使用技巧，希望读者也能从这篇中收获点干货。软件使用技巧技巧1：页面命名规则原型是表达需求的载体，需求通过原型来展现更加清晰，原型的阅读对象是开发人员、测试人员、产品人员、老板以及其他相关人员。在一定程度上，原型相当于需求文档，只不过文档能描述得更加详细些，使用图文表格流程图展示，并且目录导航更加清晰易懂。Axure原型也提供了页面导航，然而一旦页面命名不清晰，整个原型看起来非常混乱，阅读难度大大的提高，需求呈现清晰度也大大的降低，阅读对象看不懂你的原型，谈何来展现需求，你的思路不清晰，命名规则混乱，又谈何来产品设计。因此导航页面的命名一定要清晰。不知道读者们对页面是怎么命名的，这里分享下笔者对页面的命名规则。既然word的目录导航清晰，为何不参考word的目录导航呢，而且word大家都已经非常熟悉，类似word目录导航能大大提高原型的可阅读性！下图是笔者其中一个原型的页面导航，读者意会意会下，参考参考。技巧2：调整页面背景色Axure页面默认背景色为白色，再某些场景下，如制作原型封面或者高保真原型时，改变页面的背景色，使原型更加逼真。那如何调整页面的背景色呢，在页面下方的页面样式设置可轻松实现。打开Axure，进入任意一个页面，在页面的正下方，拉出页面的属性设置面板，其中背景色选项就是调整页面的背景色。技巧3：合并Axure文件在某些场景下需要合并两个RP文件，相信大家都想到这样的方案：把需合并的源文件一页一页贴过去不就行了，这样确实可以，但纯属手工操作，页面一多，就麻烦。Axure为我们提供了方便快捷的导入功能，菜单“文件“-”导入RP文件“-”选择导入文件“即可导入另一个RP文件，按照步骤一步步导入，完成Axure文件的合并。技巧4：从备份文件中恢复从备份中恢复是非常非常好用的功能，有时候RP文件损坏，导致打不开，辛苦一天的成果居然打不开了，领导又急着要，怎么办，操蛋。别急，Axure为我们提供了从备份文件中恢复的功能，Axure会对我们的源文件隔段时间备份，类似word的备份功能。既然RP源文件已经打不开，那我们新建一个空的RP文件，打开，点击菜单的”文件“-”从备份中恢复文件“，这是Axure会弹出备份文件列表，选择最近编辑的目标文件，点击恢复，即可完成源文件的恢复。需要指出的是，恢复好的文件可能会缺失一些你最近编辑内容，因为在那个时间点之后的你编辑的内容，Axure没有备份，所以也恢复不了，需要你重新编辑。虽然会缺失一些，但也好过你重头来过，白费一天的工作。技巧5：生成部分页面有时候有些页面没用，但需要留着，原型文件中不想生成这些页面。那我们在生成原型时可以剔除这些页面。点击发布菜单-生成原型文件，弹出生成原型文件的配置窗口，切换到页面tab页，勾选你想要生成的页面即可。技巧6：在原型里加入个性化logo创建原型时，在“Logo”里可以为你的原型添加Logo和标题语，这样在导出的原型中，左上角就会显示刚才添加的Logo和标题语。点击发布菜单-生成原型文件，弹出生成原型文件的配置窗口，切换到标志tab页，上传logo，撰写标题语即可。技巧7：创建chm格式的原型注：生成chm格式原型，Axure7.0以上版本已经去掉了这个功能，6.5版本有这个功能。默认状态下，Axure每次生成原型时都会产出一大堆html和图片文件，对管理、发布来说都是个麻烦事。其实Axure是支持把原型做成一个chm文件的，方法是在生成原型时，勾选“发布”中的“创建HTML帮助文件（.chm）”选项。不过你的电脑里需要安装chm的生成工具，如果没装的话，可以点界面上的“Download Microsoft HTML:Help Workshop”下载。技巧8：原型版本控制在制作原型过程中，随着需求和交互流程的变动，需要不断的调整，优化，调整原型，这时建议对对rp文件版本进行控制，标识哪个版本新增/修改/优化了哪些功能，以便以后的查看和跟踪，有些类似word文档的修订记录。在Axure中新建一个空白页面，专门记录rp文件的改动，改动时间，版本等，这样就能索源，知道哪个时间调整了哪些功能。技巧9：原型在线预览一般最常见操作，是利用Axure画好原型图后，直接按F8导出为HTML文档，然后大家要么打包成.rar发邮件给所有干系人，要么传到项目协作平台上，甚至直接拿个U盘来Copy……其实大可不必这么麻烦，一来对接收者不是很方便，先下载然后解压，再找到index.html来查看；二是随着版本增多，相关接收者不会像产品一样能把每个版本管理好，假如两个月内发了10次文档，那岂不是文件夹里乱成粥，每次生怕看错文档了。一. 使用Axure官方AxShare平台发布在线文档（不推荐）Axure官方提供了一个AxShare发布平台，你可以在设计完后，直接按F6，就能将当前文档保存到AxShare平台，按F6或发布时选择“发布到Axure Share”（首次使用需注册）二. 使用新浪SAE平台+svn自己搭建（推荐）SAE（Sina App Engine），你可以理解为一个免费的在线服务器。因为Axure生成的文档就是普通的HTML格式，也就是最简单的静态网页，所以完全可以把它上传到任意一台WEB服务器上，一个URL就能访问了。首先，你需要注册成为SAE开发者，而且需要手机绑定和实名认证。这一点是有点麻烦，但是一劳永逸，认证后基本上就免费使用了。然后在SAE控制面板里选择“创建应用”，我们需要创建一个新的php空应用，然后将原型通过SVN上传到服务器中，你就可以通过“应用地址+文件夹”组成的URL来直接访问在线文档了。半碗小菜(gh_239555feea4d)
　文章为作者独立观点，不代表大不六文章网立场
gh_239555feea4d分享世界各地有趣，有爱，有价值的故事！寻找同城志同道合的人！烹羊宰牛且为乐，会须一饮三百杯！我是小蔡，你是谁？热门文章最新文章gh_239555feea4d分享世界各地有趣，有爱，有价值的故事！寻找同城志同道合的人！烹羊宰牛且为乐，会须一饮三百杯！我是小蔡，你是谁？&&&&违法和不良信息举报电话：183-
举报邮箱：Copyright(C)2017 大不六文章网Axure教程：导航栏和广告悬停效果制作 - 推酷
Axure教程：导航栏和广告悬停效果制作
这篇文章，手把手教你如何用Axure做出：“任随窗口滚动，而导航部分卡片保持不动，（即卡片始终悬停在指定的位置）”的效果。
如黄色框始终悬浮效果。
只需要一个事件：3个步骤。
第一步，做好导航菜单项部分，然后全选住，点击右键&转换为动态面板&，并在右侧的元件命名处，命名为title。
第二步：做好下面的主体内容部分。（我用图片占位符和矩形，随意表示一下主体内容部分）
第三步：设置窗口滚动事件：
(1 ) 在页面下的“页面交互”选项卡下找到“窗口滚动时”事件。
(2)然后按照下图中的数字顺序1-&2-&3-&4-&5点击选择设置：
（移动---勾选动态面板title----选择“绝对位置到”）
点击第二个fx（y坐标对应），弹出“编辑值”窗口。
点击“插入变量”，选择 &Window.scrollY。
（变量框内容：删除前面的0。最终效果是[[Window.scrollY]]）
（变量框内容：删除前面的0。最终效果是[[Window.scrollY]]）
确定事件。
预览或生成一下，就能看到你想要的效果，任你页面内容有多长，title部分内容始终在上头屹立不动。
这样的方式还可以做到任意位置，如在页面旁边放广告，只要你设置好绝对位置的y坐标轴，任你窗口如何滚动，小广告始终安静地悬挂在那里。
事件：窗口滚动时 移动 &某个元件（内容生成的动态面板或小图片）绝对位置到 y：fx &。
设置 &fx通常有以下几种结果：
[[Window.scrollY]]
[[Window.scrollY+200]] （ 200为举例，坐标根据实际情况定）。
下面试试做个右侧悬浮不动的小广告吧~~~
本文由 @beikehuahua&原创发布于人人都是产品经理&，未经许可，禁止转载。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致