容较多的长度自行设置,多个内容较多的文本框长度保持一致文本框内字体为Arial13号字12按钮按钮宽度为40px长度为100px长度可根据显示内容自行制定使用规则:蓝色、橙色为活动按钮,可根据需求选择深灰色为次要功能按钮浅灰色为不可用按钮13表格表格大小:根据内容自行制定,每行高度保持一致显示效果如下图:
3
fWeb页面原型设计规范
14动态面板大小:根据需求自行定义,不同页面相同功能的面板大小一致命名:动态面板命名能够明确表达其作用。多状态动态面板状态名能清晰提现所对应的状态。15母板多页面通用部分(如头部、左侧菜单栏等)设定为模板,模板类型设为背景母版母版右键类型转为背景母版如无特殊需要,不使用自定义元件。
2页面布局
表现形式如下图:
4
fWeb页面原型设计规范5
f3弹出层设置
Web页面原型设计规范
31弹出层位置说明需要居中的弹出层设定为浏览器居中悬浮效果,设置方法如下图:1动态面板右键编辑内容固定到浏览器2水平固定、垂直固定设为居中32确认框规则大小:宽460px,长180px标题字体:Arial13号内容字体:Arial16号显示坐标:400,按实际需求确定33提示框规则大小:宽460px,长180px标题字体:Arial13号内容字体:Arial16号显示坐标:400,按实际需求确定34提示框(自消失)规则大小:宽380px,长60px内容字体:Arial16号显示时间:3秒显示坐标:400,按实际需求确定35说明类提示框规则大小:宽300px,长100px
6
fWeb页面原型设计规范
内容字体:Arial16号36错误信息提示规则大小:宽25px,长263px内容过长时可自行制定内容字体:Arial13号
三.其它规范
1页面拆分原则
模块文件夹下级页面为互不相同的显示页。交互层数过多时(一般为三层)应拆分为多个页面。拆分后的页面作为文件夹使用,不含任何内容,拆分后的页面已子页面的形式添加到该页。
2页面注释:
每次制作、修改原型时需添加页面注释,格式如下图:
7
f3变量
Web页面原型设计规范
变量使用:同一变量在不同的功能交互下不能重复调用、赋值。如有需要,需新建其它变量,变量名称要能清楚表达其使用方式及作用,不可使用aaa111等无意义的名称。
4变更履历
在建立原型时增加变更履历页面,并在每次修改完成后添加修改履历,内容如下图:
8
fr