Axure原型制作规范

一、 名词定义:

  1. Sitemap 导航图
  2. Widgets 组件
  3. Master 库
  4. Label 控件名
  5. Interactions 交互动作
  6. Annotations 注释
  7. Location and size 位置和尺寸

二、 Widgets规范

  1. 本站常用widgets规范:
  2. 命名规范:制定命名规范从而方便搜索和升级。 a. 全站使用,则命名方式为:Y+位置。
      i. 全站顶部导航:统一为Yheader开头,包括各种宽导航、窄导航;
      ii. 全站右侧边栏:统一以Yright开头,包括广告位、内容栏目等; b. 单个产品使用,则命名方式为 产品名+位置
      i. 空间左导航:y+产品名+left,例如yspaceleft c. 页面子零件:命名方式为:Y+ 页面或产品+零件名。例如:
      i. Tab:统一命名为Yspacetab
      ii. 评论:统一命名为Ycomenticscomment
  3. 本站的widgets统一放在y.rplib文件中。在全局搜索中,输入y即可查看所有yoka widgets。
  4. Y.rplib升级的问题:该文件放在局域网公共区中。每次更新完后,需要配备word说明文档。

  5. 自行制作widgets制作规范:
       a) 最小化切分原则:在制作widgets时,遵循最小化原则,保证新的widgets能进行上下左右扩展、变化字体、增加新的数据项等。
       b) 内部交互原则:如果widgets能内部完成交互,在制作时就要加上交互的命名,减少后期的操作。
       c) 遵循设计规范原则:如果产品已经有成形的设计规范,那么自行制作的widgets必须大体遵循设计规范。制作新的widgets所使用的基本元素也要从设计规范产生。
  6. 必备widgets清单:
       a) Yahoo提供的一套widgets;
       b) 图标库;16,32,48三种尺寸的图标约200个;
       c) Ajax.rplib 常见的ajax功能;
       d) Y.rplib 针对本站的widgets;
  7. 升级方式:统一从公共区copy。每当有新的更新时,群发到邮件组的方式说明,并附上更新文件和最后更新时间。

三、 Master制作规范

  1. 公共区域(具体指页头、页脚、导航条、页面内的公共元素):要求采用master,以减少修改量;
  2. 对于位置固定的master,须设置为:Place in Background
  3. 根据视觉规范,制作本站通用master。

四、 Sitemap制作规范

  1. 单个页面的命名规范:页面命名全部使用英文。格式为:页面内容+动作。例如:article_add
      1) 顶层页面:
        a) 前端页面统一以user为顶层页,表示这是用户使用的页面。
        b) 使用admin为管理员的管理页;
        c) 使用statistics为数据统计功能页;
    2) 子页面:
        a) 汇总页:list
        b) 浏览页:view
        c) 增加数据:add
        d) 修改数据:edit
        e) 修改分类:recatalog
        f) 创建数据:create
        g) 重新命名:rename
     3) 扩展:子页面的命名可以扩展,格式为:页面内容+动作+名称。例如:article_add_draft

  2. add、del、edit 原则上从属于list页面。但必须遵守产品设计思路。另外,如果add在页面内完成(弹层或ajax区块)可不遵守此原则;

  3. 对于复杂业务,要求单独提供flow。展示页面的业务逻辑和判断条件。

五、 交互动作规范

  1. 控件命名:数据块+空间类型。由于页面内的组件无法在其他页面是不可见的,所以页面内的各个控件不需要带页面名字。例如:shopmap_pan代表店铺地图的图层。

  2. 交互动作规范:
      1) 对于文本型内容的链接:在文字上面增加一个image map region,在该层上面加链接。
      2) Axure的交互动作总有如下几种:
      a) Onclick
      b) Onmouseenter鼠标的指针移动到对象上
      c) Onmouseout 鼠标的指针移动出对象外
      d) Onkeyup
      e) Onfocus 鼠标的指针进入文字输入状态(获得焦点)
      f) Onlostfocus 鼠标的指针离开文字输入状态 (失去焦点)
      g) Onchange
      h) Onpageload
      3) 对于同一个位置的条件判断,要求在按钮上如下提示,以方便技术和制作人员阅读。对于高保真的原型,则应该加上数据判断,避免这种提示。
       

    六、 Annotations注释规范

  3. 注释的内容:一个完整的注释需要包含以下说明:
      1) 功能说明:说明该对象的主要完成的功能。
      2) 交互效果:说明该对象的交互动作以及产生的交互结果;此处应该包含各种判断的说明。
      3) 优先级:也可以理解为重要性。标明该控件在交互中的重要性。
      4) 关联关系:包含触发方式(默认显示 / 被动触发),以及其他对象/数据的关联关系。对于同时拥有管理后台、用户后台的地方,需要说明数据关系。
      5) 测试用例:提供测试方法及测试应该使用的数据。
      6) 注意事项:注意事项。
  4. 可以针对各个特殊控件、组件自定义其他注释。

七、 整体制作要求

  1. 任何一个完整的产品,包括3部分,这3部分在原型需要独立展示:
      1) 用户前端页面:
        a) 用户在不登陆、登陆情况下进行浏览的页面;
        b) 用户自行管理数据/帐户的页面。
      2) 管理员的管理页:主要数据的增删改查、审核。
      3) 数据统计功能:主要包括流量统计(IP、PV、UV、登陆用户数、活跃用户数)。
  2. 页面命名遵守上文提到的sitemap规范(add child page->rename)
  3. RP文件命名规范:y+产品名+特性+子项目+日期。例如:
      1) 化妆品库新版首页:y_cosmentics_newindex_20100322.rp
      2) 空间新版首页:y_space_newversion_20100210.rp
  4. Tab使用:
      1) 选项卡不要超过5个,最多不能超过7个。可以考虑使用2级选项卡来减少数量。
      2) 被选中的选项卡和底下的区域要保持同色或接近同色。
      3) 禁止在选项卡里面还使用滚动条;
  5. 页脚的pagenotes区域:默认使用两个字段,在任何文档中均需要保留着3个字段。
      1) 功能说明。说明本页面主要的功能,以及与其他页面的关系。
      2) 测试用例。说明本页面使用哪些数据进行常规测试和边界测试。
      3) 注意事项。说明本页面在设计、制作、开发和测试中需要注意的事项。

  6. 保真度(仅针对前端页面):
      1) 创新型产品、产品改版:为了体现新产品的业务逻辑,或展示产品的改进功能,本类原型要求高保真原型。具体包含:
        a) 所有页面有完整的链接,能顺利跳转、关闭;
        b) 任何交互均有完整的流程和结束;
        c) 关键功能、创新点要上色,不得使用自带的灰白色、黑色;
        d) 按钮的点击变化能实时体现:文本框、输入框、文字、层的变化。
        e) 使用条件判断,并根据条件做不同的提示。
        f) 对于各个控件有完整的说明文档;
      2) 传统产品、新增功能:可以使用一般的线框图,使用黑白灰原型。具体包括:
        a) 对于页面大部无改进,可以直接截取静态图;
        b) 对于无关或者传统功能,可以部分忽略跳转和交互效果;
        c) 提供关键的条件判断。
        d) 不要求完整的说明文档;
      3) 具体保真度,还可以参考产品文档的使用人员的知识结构、工作经验、配合默契度等灵活掌握。
  7. 全部产品原型文档均需通过snv上传到共享中。
  8. 由axure生成页面原型说明文档:按照标准模板生成即可。

转载于:https://www.cnblogs.com/lzxianren/p/axure-name.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/271109.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

系统测试相关知识笔记

1、系统测试的意义系统测试是为了发现系统中的错误而执行程序的过程,发现系统中存在的问题,及时处理掉,从而规避项目后续阶段顺利推进的风险、和高质量的软件交付给客户。2、系统测试的目的希望以最少的人力和时间发现潜在的各种错误和缺陷。…

最小生成树练习1(克鲁斯卡尔算法Kruskal)

今天刷一下水题练手入门,明天继续。 poj1861 Network(最小生成树)新手入门题。 题意:输出连接方案中最长的单根网线长度(必须使这个值是所有方案中最小的),然后输出方案。 题解:本题…

java变量不声明可以直接使用吗_我们可以在不使用Java进行初始化的情况下声明最终变量吗?...

在Java中,final是可与字段类和方法一起使用的access修饰符。当一个方法为final时,它不能被覆盖。当变量为最终变量时,其值无法进一步修改。当类结束时,不能扩展。无需初始化即可声明最终变量如果稍后声明了最终变量,则…

系统测试:单元测试相关知识笔记

一、单元测试概念单元测试也成为模块测试,在模块编写完成且无编译错误后就可以进行。单元测试侧重模块中的内部处理逻辑和数据结构。如果采用机器测试,一般用白盒测试法。二、单元测试检查模块特征1、模块接口模块接口保证了测试模块数据流可以正确地流入…

跨网段远程调试vs_如何提高后台服务应用问题的排查效率?日志 VS 远程调试

转眼间,距离Jerry最近一篇文章推送已经过去了一个多月的时间了。公众号更新的频率降低,不是因为Jerry偷懒,而是由于从春节过后,我所在的SAP成都研究院数字创新空间整个团队,一直在忙一个5月份需要交付的项目上。Jerry每…

计算机硬件知识:BIOS、EFI与UEFI详解!

本文估计很多小白看不懂,但是还是建议你硬着头皮看完,这篇文章主要讲解了这几种“BIOS”的启动方式,对电脑启动问题判断的理解会有益处。BIOS是个程序,存储在BIOS芯片中,而现在的新式电脑用的基本都是UEFI启动&#xf…

java pdf 导出下载_Java+PDF模板导出成pdf文件,并下载

1,根据前人经验,熟悉完成基础操作:https://www.cnblogs.com/wangpeng00700/p/8418594.html?tdsourcetags_pcqq_aiomsg2,根据链接中操作完成之后,在本地生成pdf文件已经没有问题了。但如果放到,Linux服务器…

在db2数据库上模拟死锁场景 还是z上的

如果条件允许,起两个线程互相抢资源就行了,但问题是,时间上还需要同步,要做到完美控制,还得加其他逻辑,忒费事,所以可以用下面的办法: 在目标表上直接加个锁……简单,粗暴…

条件随机场 python_用条件随机场做网络小说命名实体识别

一直想用统计学习方法来改善拨云搜索,这次先在命名实体上小小尝试一下。线性链条件随机场对于无向图中的节点,定义一组特征函数,使其状态仅受邻近节点和观测序列的影响。在标注任务中,节点只有前后两个邻近节点,即线性…

项目开发基础:常用测试方法介绍

1、集成测试集成测试就是把模块按照设计说明书的要求组合起来进行测试。1.1、集成测试方法:a、分别测试各个模块,再把这些模块组合起来进行整体测试,也就是非增量式集成。特点:可以对模块进行并行测试,能充分利用人力&…

java 多数据源处理_java – 用于处理多个数据源的Spring事务管理

这可能是一个重复的问题,但我找不到(至少我无法理解)一个满意的答案,因此再次提问.我正在使用两个数据源(MySQL和Oracle).以下是执行流程:主方法-A调用方法-B(写入Oracle DB)然后它(方法-A)调用方法-C(写入mySQL DB)然后它(方法-A)调用方法-D(写入Oracle DB) ).如果…

MyBatis Generator

1 <?xml version"1.0" encoding"UTF-8"?>2 <!DOCTYPE generatorConfiguration3 PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"4 "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd"&g…

svd奇异值分解_NCL专辑 | 奇异值分解(SVD)

奇异值分解SVD(Singular Value Decomposition)是一种矩阵分解方法&#xff0c;在气象领域中常用来分析两个气象场场之间的关系。NCL的函数库中与SVD相关的函数包括svd_lapack&#xff0c;svdcov&#xff0c;svdcov_sv&#xff0c;svdstd&#xff0c;svdstd_sv。svd_lapack&…

项目测试基础:白盒测试相关知识笔记

1、白盒测试概念白盒测试又称为结构测试&#xff0c;主要是根据程序的内部结构和逻辑来设计测试用例&#xff0c;然后对程序的路径和过程进行测试&#xff0c;检查是否满足设计的需要。2、白盒测试常用的技术介绍白盒测试常用的技术有逻辑覆盖、循环覆盖、基本路径测试。2.1 逻…

java全局变量和局部变量

分类&#xff1a; 变量按作用范围划分分为全局变量&#xff08;成员变量&#xff09;和局部变量 成员变量按调用方式划分分为实例属性与类属性 局部变量按定义位置划分分为形参&#xff0c;方法局部变量&#xff0c;代码块局部变量 成员变量&#xff1a; 直接在类中声明的…

电脑系统知识:Windows原版系统与Ghost系统的区别,你知道吗?

经常看到有电脑小白的朋友问原版操作系统跟Ghost的区别是什么&#xff0c;该怎么选择安装哪种系统&#xff1f;今天在这里就说说它们之间的联系与区别。Windows原版系统&#xff1a;原版系统就是微软推送给用户的原始“干净”的系统。系统不含第三方的软件&#xff0c;软件补丁…

sql server update触发器_SQL Server 触发器

T-SQL 触发器触发器分为BEFORE触发器*(SQL Server不支持&#xff0c;Oracle支持)在事件发生时触发。AFTER触发器是 SQLServer生成的最初用于自动相应数据修改的机制。在 SQLServer200以前的版本中 AFTER触发器是唯一的触发器&#xff0c;因此不用指明 AFTER&#xff0c;也可以用…