《AxureRP操作手册.doc

三. Axure RP基本操作 (1) 认识Axure RP操作介面 下图是Axure RP 环境与介面中各区块的简单描述。 主选单/工具列： 在主选单与工具列中，可以执行常用的动作指令，例如：开启与储存档案、输出Prototype或Spec文件。 Sitemap 窗格： Sitemap窗格将您所设计的网页以树状结构的方式呈现，您可以在这里新增、移除、重新命名和组织设计的网页。 Widgets窗格： 包含一系列常用的使用者介面对象，例如：按钮、影像、Text Panel与矩形，您可以直接透过拖拉的方式来设计网页。 Masters窗格：在这里您可以新增、移除、重新命名和组织设计好的Master。Master是一种可以容纳多项界面元素的集合样板(Temlate)，您可以将常用的共享区块设计成Master，未来在设计Wireframe时重复使用Master，来提高规划的效率。 Wireframe窗格： 您可以在这个窗格中设计网页信息元素，编排内容，设计介面，设计交互特性等等。未来可以将这些设计好的页面，输出成Prototype或Spec文件。 交互设计 (Interaction) 窗格：交互的范围很广，从最基本的超级链接、pop-ups，一直到动态显示和隐藏widget。您可以在这个窗格中定义Widget的交互。 物件批注(Annotation) 窗格： 您可以为Widget加上批注来指定功能，您可以在这个窗格中增加和自订Widget的批注。 网页说明及交互(Pages Notes Interactions)窗格：您可以在这个窗格中加入网页层级的说明与交互效果到设计中。 1.定义Sitemap 企划一个网站或Web AP，在动手开始绘制网站页面的示意图(Wireframe)或流程图之前，您应该事先思考网站架构，并决定信息内容与层级。当您心中已经有了明确的网站架构，接下来就可以利用Sitemap窗格来定义您所设计的网站页面。 Sitemap窗格是用来管理设计中网页的工具，您可以在Sitemap 窗格中可以新增、删除和调整网页层级。 新增/删除网页： 想要新增网页的话，请点选Sitemap 工具列上的【Add Child Page】钮。 在网页上按鼠标右键，然后选择「Rename Page」或慢慢的在网页上连续按鼠标左键两下可编辑网页名称。 想要删除网页的话，请点选想要删除的网页，然后按下Sitemap 工具列上的【Delete Page】钮，或是在网页上按下鼠标右键，然后选择「Delete Page」。 调整网页层级： 您可以将网页从Sitemap 中拖曳到目标母网页中来移动网页位置，您也可以使用Sitemap 工具列上的箭头按钮来上下移动网页，或改变网页的阶层。 开启网页： 在 Sitemap中的任一网页上连续按鼠标左键两下，网页会在Wireframe 窗格中开启。 2. 以介面物件(Widgets)绘制示意图(Wireframe) 介面物件(Widget)是用来设计Wireframe的使用者介面元素， 您可以在Widgets 窗格中找到一些常用的Wireframe Widget，例如：Button、Image和 Text Panel。 Axure RP 各种Widgets呈现效果，请参考Widgets效果总览 在Wireframe中新增介面物件(Widget): 想在Wireframe中新增物件的话，只要从Widgets 窗格中将想要新增的物件 拖曳(dragdrop)到Wireframe窗格上就可以了。 您也可以在Wireframe中利用复制(Ctrl+C)与贴上(Ctrl+V)的方式来新增物件。 提醒: 熟悉PowerPoint操作方式的使用者刚开始可能不太习惯，因为Axure RP的操作方式类似Visio选择图形的作法，是利用拖放(Drag Drop)的方式，跟PowerPoint是不一样的。 移动物件(Widget) 在Wireframe中新增物件之后，您可以拖放Widget来移动的位置，拖曳Widget四周的控制点来改变Widget的大小。您也可以一次选取多个物件，一次改变所有被选取的物件的位置和大小。 除此之外，您还可以在选取的Widget上按下鼠标右键，使用快捷菜单(context menu)来设定Widgets的群组(Grouping)、顺序(Order)、对齐(Align)、分散(Distribute)与锁定(Lock)；您也可以利用Object工具列来做这些设定，请先利用菜单「View-Toolbars-Object」将Object工具列叫出。 编辑物件(Widget)的样式与属性 编辑Widget的样式与属性有下列3种方式： a. 连续按鼠标左键两下： 在Widget上连续按鼠标左