RP图规范(面向开发).docx

原型设计说明及使用规范RP图规范（面向开发）文件状态：文件标识：【 】草稿当前版本：10【】正式发布作者：江苏微软技术中心【 】正在修改完成日期：2011-6-30江苏微软技术中心Jiangsu Microsoft Technology Center版本历史版本更改日期更改内容作者备注1.02011-6-301.0版本正式发布江苏微软技术中心目 录一、Axure RP软件简介41 . Axure RP42 . 原型的作用和好处43 . Axure 的工作环境4二、原型设计说明及使用规范61 . 按照功能点进行页面的划分62 . 各个功能点的主页面和各自页面进行功能逻辑描述63 . 各个功能点的主页面进行页面名，类名，表名的定义84 . 页面各个元素的范围需要进行定义8一、 Axure RP软件简介1 .Axure RPAxure 的发音是“Ack-sure”， RP 则是“Rapid Prototyping” 的缩写。Axure RP Pro是美国 Axure Software Solution公司的旗舰产品， 是一个快速的原型工具， 主要是针对负责定义需求、 定义规格、 设计功能、 设计界面的专家， 包括用户体验设计师、 交互设计师、 业务分析师、 信息架构师、 可用性专家和产品经理。 Axure能让你快速的进行线框图和原型的设计， 让相关人员对你的设计进行体验和验证，向用户进行演示、 沟通交流以确认用户需求， 并能自动生成规格说明文档。 另外， Axure还能让团队成员进行多人协同设计， 并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革：进行更加高效的设计；让你体验动态的原型；更加清晰的交流想法；2 . 原型的作用和好处制作 Prototype 是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件开始投入编程前就确认需求。 快速原型法（Rapid Prototyping）是一种有效且高效的以用户为中心（User-Centered Design）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。 目前全球有财富 1000 大的公司和重要机构在使用 Axure RP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。3 .Axure 的工作环境Axure 的工作环境可进行可视化拖拉操作，可轻松快速的创建带有注释的线框图。无需编程就可以在线框图中定义简单链接和高级交互。 Axure 可一体化生成线框图、HTML 交互原型、规格说明 Word 文档。以下是对 Axure RP 工作环境的简要说明：主选单/工具栏：在主选单与工具栏中，可以执行常用的动作指令，例如：开启与储存档案、输出Prototype或Spec文件。站点地图： Sitemap窗格将您所设计的网页以树状结构的方式呈现，您可以在这里新增、移除、重新命名和组织设计的网页。部件：包含一系列常用的用户接口对象，例如：按钮、影像、Text Panel与矩形，您可以直接透过拖拉的方式来设计网页。母版：在这里您可以新增、移除、重新命名和组织设计好的Master。Master是一种可以容纳多项界面元素的集合样板(Temlate)，您可以将常用的共享区块设计成Master，未来在设计Wireframe时重复使用Master，来提高规划的效率。工作区：您可以在这个窗格中设计网页信息元素，编排内容，设计接口，设计互动特性等等。未来可以将这些设计好的页面，输出成Prototype或Spec文件。动态面板：互动的范围很广，从最基本的超链接、pop-ups，一直到动态显示和隐藏widget。您可以在这个窗格中定义Widget的互动。部件属性：您可以为Widget加上批注来指定功能，您可以在这个窗格中增加和自定义Widget的批注。网页说明及互动窗格：您可以在这个窗格中加入网页层级的说明与互动效果到设计中。二、 原型设计说明及使用规范1 .站点地图（Sitemap）在“站点地图”中以树形结构列出功能页面，如图1所示：图1 “站点地图（Sitemap）”中的树形节点必须覆盖系统、（子系统）、（子模块）、功能、页面，其中：子系统大型系统的设计中要具备子模块中型、大型系统的设计中要具备节点大概分为三种：1) 系统/子系统/模块节点图1中红色框标注，此节点仅用于表示系统功能的层级关系，无页面布局。2) 功能节点图1中黄色框标注，此节点用于功能的总体设计描述，此节点无页面布局。3) 页面节点图1中蓝色框标注，此节点用于描述具体的页面布局。2 .页面注释（Page Notes）对应“站点地图（Sitemap）”中的3种节点，只有2（功能节点）和3（页面节点）需要填写“页面注释（Page Notes）”。页面注释的作用是：1) 功能节点（5块）a) 简要描述要实现的功能b) 定义页面文件路径c) 定义程序文件路径d) 定义Action地址e) 定义数据库功能节点的“页面注释（Page Notes）”模板：2) 页面节点（4块）a) 页面布局b) 页面主体数据来源，不含下拉框、复选框等控件的选项来源c) 页面数据权限说明d) AJAX联动说明节点的“页面注释（Page Notes）”模板：3. 部件属性（Widget Properties）对应“站点地图（Sitemap）”中的3种节点，只有3（页面节点）需要填写“部件属性（Widget Properties）”。部件属性的作用是：1) 页面节点（3块）a) 输入框 maxlength，文本域最多接受多少字符。b) 下拉框、复选框、单选框 选项数据来源。数据来源是固定数据字典，标注各选项值及对应的名称，如“性别”取值 1:男 2:女数据来源是动态数据字典，标注动态数据字