AXURE原型制作规范V00001

1、原型制作规范文档修订记录厅P版本号修订日期修订概述修订人审批人备注1目录1 概述 错误！未定义书签。简述 错误味定义书签。目标群体 错误 味定义书签。范围 错误味定义书签。名词定义 错误！未定义书签。标准原则 错误味定义书签。2 制作规范 错误！未定义书签。文件命名规范 错误！未定义书签。Widgets规范 错误！未定义书签。Master制作规范 错误！未定义书签。Sitemap (pages)制作规范 错误！未定义书签。交互动作规范 错误！未定义书签。Annotations (notes )注释规范 错误！未定义书签。Tab使用规范 错误！未定义书签。低保真度规范 错误！未定义书签。高保真度

2、规范 错误！未定义书签。文档规范 错误味定义书签。1概述1.1 简述此文档主要从原型设计制作的管理角度出发，根据AXURE8的特点，描述系统原型设计制作时应该遵守的规范和标准。1.2 目标群体此文档目标群体为神东需求、设计、开发、以及测试的技术人员。1.3 范围此文档适用于所有神东自主研发的软件项目。1.4 名词定义1. Sitemap (pages) 导航图2. Widgets 组件3. Master 库4. Label 控件名5. Interactions 交互动作6. Annotations (notes )注释7. Location and size位置和尺寸1.5 标准原则原型制作要

3、遵循中国神华神东信息系统建设规范_04_界面规范，同时还要具备以下原则：流程：可完整的模拟用户体验流程，有可逆流程逻辑：清晰明确，判断有提示界面：规范，整洁说明：明确，易理解2制作规范2.1文件命名规范序号规范备注RP文件统一新建文件夹，命名为文件，存放各阶段版本的RP文件，各版本RP文件必须后缀日期和序列号，系统名+子项目+日期+序号，如*所有导出的HTML文件存放文件夹命名为：【】，所导出的文件夹按照日期命 名，如：如 *_web_012.2 Widgets 规范命名规范:序号规范备注全站使用，则命名方式为：分类+位置。全站顶部导航：统一为 Allheader开头，包括各种范导航、车导航；

4、 全站右侧边栏：统一以 Allright 开头，包括宣传位、内容栏目等；单个模块使用，则命名方式为模块名+位置i.空间左导航：产品名 +left ,例如yspaceleft页面子零件：而名方式为：贝回或模块+零件名。例如：Tab :统L命名为 spacetab2.3 Master制作规范序号规范备注公共区域（具体指页头、页脚、导航条、页面内的公共兀素）：要求采用master,以减少修改量；对于位置固te的 master ,须设置为：Place in Background根据神东的视觉规范，制作系统通用master。2.4 Sitemap (pages)制作规范序号规范备注单个贝囿的命名规范：贝

5、囿命名全部使用英文。格式为：贝囿内容+动作。例如:article_add1）顶层贝囿：a）前端贝囿统一以 user为顶层贝，表示这是用户使用的贝囿。b）使用admin为管理员的管理页；c）使用statistics为数据统计功能页；2）子页面：a）汇总页:listb）浏览页：viewc）增加数据：addd）修改数据：edite）修改分类：recatalogf） 创建数据：createg） 重新'口舁名：rename3）扩展：子贝囿的命名可以扩展，格式为：贝囿内容+动作+名称。例如:article_add_drafadd、del、edit原则上从属一丁 list贝囿。但必须遵守产品设计思路

6、。另 外，如果add在页面内完成（弹层或ajax区块）可不遵守此原则对于复杂业务，要求单独提供flow 。展示页面的业务逻辑和判断条件一个业务流程的所有贝囿，都必须在sitemap创建贝闻文件夹，便于官理页面。业务流程中所涉及的一级或一级贝囿，可以时手贝囿表不，以显木贝囿级 另限2.5 交互动作规范Axure的交互动作总有如下几种:a） Onclick 单击b） Onmouseenter鼠标的指针移动到对象上c） Onmouseout鼠标的指针移动出对象外d） Onkeyupe） Onfocus鼠标的指针进入文字输入状态（获得焦点）f） Onlostfocus鼠标的指针离开文字输入状态（失去焦

7、点）g） Onchangeh） Onpageloadi） OnLoad在加载时（可以应用于全部部件）j） OnRotate在旋转时（可以应用于形状、图像、线条、热区 ）k） OnSelectedChange在选择状态改变时（应用于形状、图像、线条、热区、复选框、单选框、树 ）l） OnSelected在被选择时（应用于形状、图像、线条、热区、复选框、单选框、树 ）m） OnUnselected在被取消选择时（应用于形状、图像、线条、热区、复选框、单选框、树 ）n） OnResize在重新设置大小时（可以应用于动态面板）o） OnItemResize在行项目重新设置大小时（可以应用于中继器）序

8、号规范备注控件命名：数据块+空间类型。由十页面内的组件尢法在其他页面是不可 见的，所以贝囿内的各个控件小需要带贝囿名字。例如：shopmap_pan代表店铺地图的图层。条件判断：对于同一个位置的条件判断，要求在按钮上提示，以方便相关人员阅读。对于高保真的原型，则应该加上数据判断，避免这种提示。2.6 Annotations (notes )注释规范序号规范备注控件对象的注释的内容：一个完整的注释需要包含以下说明：1）功能说明：说明该对象的主要完成的功能。2）交互效果：说明该对象的交互动作以及产生的交互结果；此处应该包含各种判断的说明。3）优先级：也可以理解为重要性。标明该控件在交互中的重要性。

9、4）关联关系：包含触发方式（默认显示 /被动触发），以及其他对象/ 数据的关联关系。对于同时拥启管理后台、用户后台的地方，需要说明数据关系。5）测试用例：提供测试方法及测试应该使用的数据。6）注意事项：注意事项。可以针对各个特殊控件、组件自定义其他注释。贝囿注释的内容，需卜看3个字段。1）功能说明。说明本页面主要的功能，以及与其他页面的关系。2）测试用例。说明本页面使用哪些数据进行常规测试和边界测试。3）注意事项。说明本页面在设计、制作、开发和测试中需要注意的事 项。2.7 Tab使用规范序号规范备注选项卡不要超过 5个，最多不能超过 7个。可以考虑使用 2级选项卡来 减少数量。被选中的选项卡和底下的区域要保持向色或接近向色。禁止在选项卡里面还使用滚动条；2.8 低保真度规范传统系统、新增功能：可以使用一般的线框图，使用黑白灰原型。序号规范备注对于贝向大部无改进，可以直接截取静态图；对于无关或者传统功能，可以部分忽略跳转和交互效果；提供关键的条件判断。/、要求完整的说明文档2.9 高保真度规范前端页面要求高保真原型，面向用户使用的管理页面，用户、领导关心的重点页面要求高保真原型。序号规范备注所有贞囿后完整的链接，能顺利跳转、关闭；任何交互均后完整的流程和结束；关键功能、