找回密码
陪学
827
0
一、 组件制作规范
1、最小化切分原则：在制作组件时，遵循最小化原则，保证新的组件能进行上下左右扩展、变化字体、增加新的数据项等。
2、内部交互原则：如果组件能内部完成交互，在制作时就要加上交互的命名，减少后期的操作。
3、遵循设计规范原则：如果产品已经有成形的设计规范，那么自行制作的组件必须大体遵循设计规范。制作新的组件所使用的基本元素也要从设计规范产生。
二、库制作规范
1、公共区域（具体指页头、页脚、导航条、页面内的公共元素）：要求采用库，以减少修改量；
2、对于位置固定的库，须设置为：Place in Background
3、根据视觉规范，制作通用库。
三、导航制作规范
1、单个页面的命名规范：制定通用的命名规范
1) 顶层页面：
a) 前端页面，这是用户使用的页面。
b)管理员的管理页；
c)数据统计功能页；
2) 子页面：
a) 汇总页：
b) 浏览页：
c) 增加数据：
d) 修改数据：
e) 修改分类：
f) 创建数据：
g) 重新命名：
3) 扩展：子页面的命名可以扩展
2、增加数据、删除数据、修改数据，原则上从属于汇总页。但必须遵守产品设计思路。另外，如果在页面内完成可不遵守此原则；
3、对于复杂业务，要求单独提供流程。展示页面的业务逻辑和判断条件。
四、交互动作规范
1、对于文本型内容的链接：在文字上面增加一个热区，在该层上面加链接。
2、Axure的交互动作总有如下几种：
a) Onclick
b) Onmouseenter
c) Onmouseout
d) Onkeyup
e) Onfocus
f) Onlostfocus
g) Onchange
h) Onpageload
3、对于同一个位置的条件判断，要求在按钮上如下提示，以方便技术和制作人员阅读。对于高保真的原型，则应该加上数据判断，避免这种提示。
五、注释规范
1、注释的内容：一个完整的注释需要包含以下说明：
1) 功能说明：说明该对象的主要完成的功能。
2) 交互效果：说明该对象的交互动作以及产生的交互结果；此处应该包含各种判断的说明。
3) 优先级：也可以理解为重要性。标明该控件在交互中的重要性。
4) 关联关系：包含触发方式（默认显示 / 被动触发），以及其他对象/数据的关联关系。对于同时拥有管理后台、用户后台的地方，需要说明数据关系。
5) 测试用例：提供测试方法及测试应该使用的数据。
6) 注意事项：注意事项。
2、可以针对各个特殊控件、组件自定义其他注释。
六、 整体制作要求
1、任何一个完整的产品，包括3部分，这3部分在原型需要独立展示：
1) 用户前端页面：
a) 用户在不登录、登录情况下进行浏览的页面；
b) 用户自行管理数据/帐户的页面。
2) 管理员的管理页：主要数据的增删改查、审核。
3) 数据统计功能：主要包括流量统计（IP、PV、UV、登陆用户数、活跃用户数）。
2、Tab使用：
1) 选项卡不要超过5个，最多不能超过7个。可以考虑使用2级选项卡来减少数量。
2) 被选中的选项卡和底下的区域要保持同色或接近同色。
3、页脚的pagenotes区域：默认使用两个字段，在任何文档中均需要保留着3个字段。
1) 功能说明。说明本页面主要的功能，以及与其他页面的关系。
2) 测试用例。说明本页面使用哪些数据进行常规测试和边界测试。
3) 注意事项。说明本页面在设计、制作、开发和测试中需要注意的事项。
4、保真度（仅针对前端页面）：
1) 创新型产品、产品改版：为了体现新产品的业务逻辑，或展示产品的改进功能，本类原型要求高保真原型。具体包含：
a) 所有页面有完整的链接，能顺利跳转、关闭；
b) 任何交互均有完整的流程和结束；
c) 关键功能、创新点要上色，避免使用自带的灰白色、黑色；
d) 按钮的点击变化能实时体现：文本框、输入框、文字、层的变化。
e) 使用条件判断，并根据条件做不同的提示。
f) 对于各个控件有完整的说明文档；
2) 传统产品、新增功能：可以使用一般的线框图，使用黑白灰原型。具体包括：
a) 对于页面大部无改进，可以直接截取静态图；
b) 对于无关或者传统功能，可以部分忽略跳转和交互效果；
c) 提供关键的条件判断。
d) 不要求完整的说明文档；
3) 具体保真度，还可以参考产品文档的使用人员的知识结构、工作经验、配合默契度等灵活掌握。
.png)
