AxureRP6概述.doc

出品Axure RP Pro 6 概述作者：孙法忠1. 作者简介一个漂在深圳的海南人，不聪明，肯学肯做。 2007年进入国内知名通讯公司，从事光传输网络调试和网络系统维护。 2011年进入一家小型网络公司，从事信息化产品运营工作。 未曾进入互联网企业，但却时常关注互联网动向及储蓄互联网产品知识，推崇以用户为中心的设计理念。QQ:3986938912. 关于版权您可以随意拷贝传播本文件，但本文件所以内容不得用于商业用途、或直接用于企业盈利目的的活动。如果您有这方面的需求请与本人联系。1：Axure RP简介Axure的正确发音是“Ack-Sure”，RP则是”Rapid Prototyping”快速原型的缩写。Axure RP 能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。2：Axure RP特点 a.Axure RP快速创建带注释的wireframe文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。 b.Axure RP在不写任何一条html与javascript语句的情况下，通过创建的文档以及相关条件和注释，一键生成html prototype演示。c.Axure RP根据设计稿，一键生成一致而专业的word版本的原型设计文档。 3：Axure RP界面 Axure可轻松快速的创建带有注释的线框图。无需编程就可以再线框图中定义简单链接和高级交互。Axure可一体化生成线框图、HTML交互原型、规格说明WORD文档。以下对Axure RP界面的简要说明： Axure初始状态4. Axure 各模块介绍Sitemap在开始设计线框图（Wireframe）或流程图(Flow)前，应该先考虑架构，决定信息内容与层次。明确页面框架后，就可以利用Sitemap面板来建立和管理所要设计的页面、添加、删除页面及对页面层次进行组织。从左到右：添加新的页面 把选中的页面上移 把选中的页面下移 选中页面变成下级页面 选中页面变成上级页面 删除选中页面 设计选中页面 搜索当前所有页面Widgets这个模块有两大功能，一个是UI的组件列表，另一个是流程的组件列表，用户通过拖放可以将需要的组件拖放到任意的页面中。注：当你点击wireframe将显示所有选项，大家可以自己试试。所有的组件都是常用的UI组件，当然可以从一些UI网站上下载一些UI组件，然后加载到Axure方便你工作的使用。当然如果所有的UI组件都不能满足你，该怎么办呢，这个时候就可以通过创建组件来实现第一步：点击 wireframe，选中”create library”这时会弹出一个保存对话框让你对这个.rplib文件进行命名和保存（如：aa）第二步：Axure将启动另一个执行程序并打开这个刚建好的.rplib文件第三步：可以像页面一样对组件进行增删改、排序等操作第四步：加载新创建的组件第五步：组件更新成功后，像其他默认组件一样操作，可以拖放到页面Maste模块（Maste）是可以重复使用特殊页面。一些常用模块如页首(Header)、页尾(Footer)与导航(Navigation)。模块可用在页面中或是其他模块中。只要修改模块，在所有引用这个模块的页面中的模块也会相应跟着同步更新。 模块的概念犹如PowerPoint 中母版、Dreamveawer中模板的概念，熟练掌握模块可以大大提高原型设计的效率，并使原型易于管理维护。 在模块面板中可进行模块的管理。 要添加模块，单击模块面板顶部工具栏的Add Master按钮或在面板中点鼠标 右键，选择Add Master。 可以使用文件夹(Folder)来组织模块，然后通过工具栏、右键菜单或是拖放的方式重新排列组织模块。 在模块上双击可打开模块，像设计页面一样拖放控件到线框图中进行模块设计。 拖动模块面板中的模块到线框图中，就可以在页面或其它模块中添加模块。模块添加到线框图中后，根据模块行为会有淡红或灰色的遮罩。 选择菜单 Wireframe-Mask Masters，取消该菜单的勾选，就可以移除颜色遮罩。 模块的默认行为（Behavior）是Normal ，可以在模块上点击鼠标右键，使用Behavior菜单项将模块行为修改为Place In Background或Custom Widget。 模块有以下3种行为： 普通行为（Normal）：模块可以被移动与放置在线框图中的任何地方，对模块所做的修改会在所有模块实例中同时更新。 背景行为（Place in Background）：模块应用在线框图中时，会处于线框图的最底层并被锁定。模块实例中所包含控件的位置与在模块中的位置相同，常用于作为模板、布局、底板。 自定义控件行为（Custom Widget）： 模块应用在线框图中时，模块实例中的控件与原模块失去关联，模块实例中的控件可以像一般控件一样可以进行编辑，就好像只是进行了复制和粘帖操作。常用于创建具有自定义属性、注释和交互的自定义控件库，例如：具有白色文字的蓝色按钮。 Page Notes & Page Interactions & Page FormattingPage Notes 对页面进行描述和说明Page Interactions 页面交互面板点击OnPageLoad 或Add Case 弹出该交互控件“设计框”在控件交互面板中可以定义控件的交互，交互由事件（Events）、场景（ Cases）和动作（Actions）组成： 用户操作界面时就会触发事件， 如鼠标的 OnClick、 OnMouseEnter和OnMouseOut； 每个事件可以包含多个场景，场景也就是事件触发后要满足的条件； 每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。Page Formatting 页面格式化Widget Properties 控件属性 -是对 Page Notes & Page Interactions & Page F