UI设计网页规范VIP免费

一、页面信息规范1、页面命名每个页面都要有与之模块对应的名称。2、页面兼容性（1）页面大小兼容o自适应1366*768px及以上的分辨率o默认窗口设置下，不应出现水平滚动条，避免出现垂直滚动条（当内容过多时允许滚动条）（2）弹窗、弹页要保证768高度的分辨率显示正常，同时能移动查看弹出框内容。弹出框高度为不超过450px，且显示在内容页面相对水平、垂直相对居中位置。（3）浏览器兼容兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。o文字文字用系统自带的常规字体，且分一级标题、二级标题、主内容文字、次内容文字、辅助文字（说明或引导性文字，提醒性文字），分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。o内容图片内容图片均带1px描边；内容图片未加载出来时显示系统默认图片。二、信息交互规范1、数据操作显示数据（表格）（1）表头：字体加粗、且比单无格内容字体大一号，且体字体大小参照UI效果图。（2）单无格：文字图片内容左对齐，数字、金额内容右对齐。（3）操作内容原则上均用文字表达，如“编辑-删除”（4）鼠标划过表格单行时，颜色高亮。（5）原则上每页显示15-20条数据，实际显示条数据可按设计排列效果而定。（6）表格中不定长的字段，固定显示宽度，超出内容用“…”显示光标停留后，在浮动层显示详细内容。选中数据（1）勾选全选则选中当页所有记录（2）去掉当页某个记录的勾选，则全选也去掉勾选。（3）翻页后，自动去掉已勾选的记录及全选的勾选。（4）翻页后是否进行选择记录的保留应试具体业务而定。（5）刷新页面后，自动去掉已勾选的记录及全选的勾选。新增数据（1）新增的记录必须排在新增页的首行；（2）所有列表页面默认按数据新增时间倒序排列。（3）提交失败后留在当前提交页，且保存用户已经输入的内容以便再次提交。（4）提交成功后自动回到数据列表页。（5）提交时需对主要标识字段进行重复值、空值（空格）判断。修改数据（1）修改完成后必须回到原记录所在位置，且刷新显示修改后的值。（2）提交失败后留在当前提交页，且保存用户已经输入的内容以便再次提交。（3）在查询条件下修改返回后，保留原有查询条件，且修改后的数据如果不满足查询条件则不显示。（4）提交时需对主标识字段进行重复值、空值（空格）判断。查询数据（1）把所有查询条件全部显示出来，并放在查询列表上方位置。（2）每个查询条件必须有预置文案。（3）每次查询后保留当前输入的查询条件。（4）当未查询到任何记录时，需给予未查找到相关记录的提示信息。（5）除了用户明确要求不需要外，需提供模糊查询功能。（6）必须要有条件“重置”功能，重置后恢复到初始状态。删除数据（1）必须有确认删除的提示信息。（2）删除成功后刷新不显示删除的记录。（3）删除成功后返回到原记录所在页面，而当原记录所在页不存在时，则返回上一页。（4）当被删除的记录与其他记录存在关联时，请示需求界面给予不允许删除、更明细提示等信息。提交/上传数据（1）当提交所费的时间较长时，需给出等待的提示，如：沙漏、菊花、进度条等。（2）提交时需对主标识字段进行重复值、空值（空格）判断。（3）提交成功后不可重复提交，有列表展示提交内容的直接返回到展示页面。（4）必须要有“取消或返回”功能。分页（1）当对查询结果进行分页时，分页的同时需要能够执行查询功能；（2）当页数较多时，允许输入具体页数进行查询；取消（1）取消必须给予提示。（2）取消操作后须返到原记录所在状态。返回（1）当从一个页面点击按钮或链接进入子页面时，子页面必须提供返回按钮2、链接（1）链接文字或图片当鼠标划过时会变成点击手形。（2）本窗口打开：查询结果、上下翻页、新增、修改等操作在本窗口打开。（3）新窗口打开：各类详情、预览页面等采用新窗口打开。3、提示信息预先信息提示（1）内容提交类：每个输入项、条件选选项（包括时间选择）均需要给出提示信息。该提示信息可放置在输入框内或者控件尾部（如密码要多少多少位。搜索框提示用户输入什么内容等。）（2）谨慎类操作：针对不可修改、重要操作选择等操作属于谨慎类操作，均需给出提示信息。如审核是否通...