web系统界面规范.docxVIP

Web平台界面规范 1.操作种类界面规范 整体要求：雅观大方，简短易懂。 支持1024*768（包含）以上分别率 1.1控件布局规范 控件对齐方式：控件纵横间距平均 汉字对齐方式：两头对齐不加标点 录入种类为文本框：矩形录入框 1.2按钮控件规范 按钮控件有3类，分别为：公用按钮、图片按钮、其他按钮。 1.2.1公用按钮 公用按钮包含： 确定、取消、重置、查问、查察、新建、改正、删除 分页按钮包含： 首页、上一页、下一页、尾页。 1.2.1.1按钮定义 确定：弹出提示信息对话框中，确定某种行为时使用； 快捷键：ALT+Y 取消：弹出提示信息对话框中，取消某种行为时使用； 快捷键：ALT+C 重置：页面信息恢复为信息修订前的初始状态； 出现在查问地区、新建信息录入页面、详尽信息改正页面； 快捷键：ALT+R 查察：多条数据中，对单条数据的详尽内容进行展示时使用； 1/6 快捷键：ALT+V 查问：多条数据检索时应用； 快捷键：ALT+Q 新建：数据增加时使用； 快捷键：ALT+N 改正：对拥有数据进行修订时使用； 快捷键：ALT+M 改正信息以弹出窗口形式出现，弹出窗口中按钮控件包含：确定、重置、取消 删除：数据删除时使用； 快捷键：ALT+S 弹出提示信息对话框中，按钮为：确定、取消 首页：进入数据列表中的第一页时使用； 快捷键：ALT+F 上一页：进入目前页的前一页时使用； 快捷键：ALT+P 下一页：进入目前页的后一页时使用； 快捷键：ALT+X 尾页：进入目前查问数据列表中的最后一页时使用； 快捷键：ALT+L Flex程序中共用按钮的快捷键为：CTRL+ALT+字母 各样公用按钮代表字母同上。 1.2.1.2按钮规范 1.按钮风格高度一致，排序平均； 2.按钮地点在整体录入区的下方，独自成行 3.在目前页面所处的地区的行居中显示； 4.按钮为可用状态是，鼠标放到按钮上时，显示为小手形状； 5.按钮上要加TIPS功能，即对“按钮”的功能进行简略的说明：说明文字要简短易懂 6.按钮不可用时为反显形式（置灰），按钮可用时以正常状态显示 7.弹出窗口提示中，“确定”按钮支持回车键的快捷操作，“取消”按钮支持ESC键的快捷操 作； 8.按钮中文字风格： 按钮中的文字居中显示，快捷键中的字母为大写字母，括号与字母均未半角形式：如,“确 定（Y）” 1.2.1.3按钮排列次序 1.页面中包含“确定”“取消”按钮时，“确定”在左，“取消”在右显示； 2.页面中包含“确定”“重置”“取消”按钮时，三个按钮的地点依次：确定、重置、取消； 3.页面中包含“查问”“重置”，按钮的地点依次：查问、重置； 2/6 4.页面中包含“新建”“改正”“删除”按钮时，按钮的次序依次：新建、改正、删除； 5.程序书写时，按钮间无间距，页面显示效果为一小空格。 1.2.2图片按钮 1.支持快捷键（ALT+大写字母）； 2.图片按钮规范定义同“公用按钮”； 3.特殊说明：图片形按钮出现地点不必居中显示，根据业务需要确定。 1.2.3其他按钮 1.“其他按钮”的规范要求与“公用按钮”一致； 2.按钮中中文名称长度要求为不超过10个字（不包含快捷键）。 1.3弹出提示信息规范 1.3.1提示种类规范 IE自带的提示框，不能使用； 只能使用：模式对话框（自主开发）。 1.3.2提示信息种类 提示信息种类共3类：提示、确定、错误。 1.3.2.1提示种类提示框 1.系统弹出的提示信息对话框中，只存在一个“确定”按钮； 2.提示操作出现错误，如：注册时填写年纪的格式不对，点保留时，将弹出的提示等。 3.弹出提示信息对话框中：包含提示图标“！”； 4.提示信息规范：“XXXXX,请确定封闭！” 5.该提示框的标题为：提示信息。 1.3.2.2确定种类提示框 1.系统弹出的提示信息对话框中，包含“确定”“取消”两个按钮； 2.触发条件：当删除或许改正某条信息时，系统给出确实定信息； 3.弹出提示信息对话框中：包含提示图标“？”； 4.提示信息规范：请确定进行XXXX操作？（提示信息中必须为业务级语言提示。） 3/6 5.该提示框的标题：确定信息； 1.3.2.3错误种类提示框 1.系统弹出的错误提示信息对话框中，包含一个“确定”按钮； 2.触发条件：系统发生矛盾，存储过程报错，系统异样等情况弹出提示； 3.弹出提示信息对话框中：包含有提示图标“X” 4.提示信息规范：由于XXXXXXX错误，请重试或许与我们联系（其中“我们”为超链接形 式，点击“我们”时直接翻开outlook进入写邮件界面）。 5.该提示框的标题：错误信息； 1.3.2.4提示信息风格规范 1.提示信息弹出地点：目前窗口地点居中； 2.窗口大小：320*180px 3.系统支持竖形转动条，不允许出现水平转