版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、仅供个人参考、页面信息规范1、页面命名每个页面都要有与之模块对应的名称。2、页面兼容性(1)页面大小兼容o自适应1366*768px及以上的分辨率o默认窗口设置下,不应出现水平滚动条,避免出现垂直滚动条(当内容过多时允许滚动条)(2)弹窗、弹页要保证768高度的分辨率显示正常,同时能移动查看 弹出框内容。弹出框高度为不超过450px,且显示在内容页面相对水平、 垂 直相对居中位置。(3)浏览器兼容兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。o文字文字用系统自带的常规字体,且分一级标题、二级标题、主内容文字、 次内容文字、辅助文字(说明或引导性文字,提醒性文字),分别
2、用不同的 字号、颜色。具体字号大小和颜色参考 UI设计效果图。o内容图片内容图片均带1px描边;内容图片未加载出来时显示系统默认图片。- 信息交互规范1、数据操作显示数据(表格)(1 )表头:字体加粗、且比单无格内容字体大一号,且体字体大小参 照UI效果图。(2 )单无格:文字图片内容左对齐,数字、金额内容右对齐。(3 )操作内容原则上均用文字表达,如“编辑-删除”(4) 鼠标划过表格单行时,颜色高亮。(5 )原则上每页显示15-20条数据,实际显示条数据可按设计排列效 果而定。(6)表格中不定长的字段,固定显示宽度,超出内容用“”显示光 标停留后,在浮动层显示详细内容。选中数据(1 )勾选全
3、选则选中当页所有记录(2) 去掉当页某个记录的勾选,贝U全选也去掉勾选。(3) 翻页后,自动去掉已勾选的记录及全选的勾选。(4) 翻页后是否进行选择记录的保留应试具体业务而定。(5) 刷新页面后,自动去掉已勾选的记录及全选的勾选。新增数据(1 )新增的记录必须排在新增页的首行;(2)所有列表页面默认按数据新增时间倒序排列。(3)提交失败后留在当前提交页,且保存用户已经输入的内容以便再 次提交。(4)提交成功后自动回到数据列表页。(5 )提交时需对主要标识字段进行重复值、空值(空格)判断。修改数据(1 )修改完成后必须回到原记录所在位置,且刷新显示修改后的值。(2)提交失败后留在当前提交页,且保
4、存用户已经输入的内容以便再 次提交。(3)在查询条件下修改返回后,保留原有查询条件,且修改后的数据 如果不满足查询条件则不显示。(4)提交时需对主标识字段进行重复值、空值(空格)判断。查询数据(1 )把所有查询条件全部显示出来,并放在查询列表上方位置。(2)每个查询条件必须有预置文案。(3)每次查询后保留当前输入的查询条件。(4 )当未查询到任何记录时,需给予未查找到相关记录的提示信息。(5)除了用户明确要求不需要外,需提供模糊查询功能。(6)必须要有条件“重置”功能,重置后恢复到初始状态。删除数据(1 )必须有确认删除的提示信息。(2 )删除成功后刷新不显示删除的记录。(3)删除成功后返回到
5、原记录所在页面,而当原记录所在页不存在时, 则返回上一页。(4)当被删除的记录与其他记录存在关联时,请示需求界面给予不允 许删除、更明细提示等信息。提交/上传数据(1)当提交所费的时间较长时,需给出等待的提示,女口:沙漏、菊花、 进度条等。(2)提交时需对主标识字段进行重复值、空值(空格)判断。(3)提交成功后不可重复提交,有列表展示提交内容的直接返回到展 示页面。(4)必须要有“取消或返回”功能。分页(1)当对查询结果进行分页时,分页的同时需要能够执行查询功能;(2)当页数较多时,允许输入具体页数进行查询;取消(1)取消必须给予提示。(2 )取消操作后须返到原记录所在状态。返回(1 )当从一
6、个页面点击按钮或链接进入子页面时,子页面必须提供返回按钮2、链接(1)链接文字或图片当鼠标划过时会变成点击手形。(2 )本窗口打开:查询结果、上下翻页、新增、修改等操作在本窗口打开。(3 )新窗口打开:各类详情、预览页面等采用新窗口打开。3、提示信息预先信息提示(1)内容提交类:每个输入项、条件选选项(包括时间选择)均需要给出提示信息。该提示信息可放置在输入框内或者控件尾部(如密码要多少多少位。搜索框提示用户输入什么内容等。)(2)谨慎类操作:针对不可修改、重要操作选择等操作属于谨慎类操作,均需给出提示信息。如审核是否通过操作、退款申请操作、价格输入等。操作信息提示(1)确认提示:修改设置、删
7、除数据等操作时需要弹出提示框,用户需要选择后方可执行。(2 )错误提示:当用户的操作不符合规则、输入数据不符合规则需要 给出操作提示。比如输入数值不符系统规定,则进行提示。(3)错误提示分为:即时提示、提交后提示。本系统这里统一用即时 提示。(4 )读取提示:涉及到大量信息读取缓慢的时候应该进行提示。比如 进入后台查看商品列表时,由于网络、数据量大等原导致载入缓慢,应该显 示读取提示信息,已避免用户过度重复点击操作。结果信息提示(1)保存结果提示:当进行商品添加/修改此类涉及到数据保存的操作,不管是否成功均需给出提示。统一用 Toast提示,内容为“保存成功! ”原 则上保存之后直接显示结果页
8、(也可视具体情况定)。(2 )查询结果提示:任何信息列表、查询结果,当对应信息结果的时 候需要给出有无结果状态提示。不得使用空白信息。三、通用组件规范1、导航菜单导航栏(1) 导航路径:原则上不超过三级就能到达用户想要的主要页面,且 随时能返回。(2) 导航菜单:各级别的菜单宽高一致,样式一致。鼠标划过或点击 选中菜单模块时会有突出(比如咼亮)状态显示。(3) 有子菜单的模块默认不显示子菜单,点击后显示子菜单,再次点 击时可收起。当前位置导航(1 )原则上每个页均有“当前位置导航”,但弹出页、预览页等特殊 页面无需当前导航。(2) 若当前位置导航有多个层级,则当前层级的前面层级均可链接到 相应
9、页面。(3) 当前位置导航位置固定,具体位置参考 UI设计效果图。2、表单(1)表单输入框由 表单字段名称:+输入框组成,字段名称原则上 2-4个汉字。(2 )预置文案:输入框内均需有预置文案,且光标进入输入框获得焦 点时文案自动消失,若输入框失去焦点且未输入任何文字时恢复预置文案。(3) 下拉选择框中内容有多级时,只显示一级,其他级呈灰色不可用 状态,选择一级后才会激活第二级,以此类推。如:部门作为查询条件时, 点击下拉框,默认只有一级部门可用,点击一级部门再激活开显示二级部门。(4)界面的必填项以红色*号标识出来,且标识在“表单字段名称”前 面。存在必填项未填写时,输入框失去焦点即时提示,
10、输入框红色描边,且输入框下方左有相应红色提示文案。 输入框未曾获得过焦点直接提交时, 同 样输入框红色描边+红色提示文案提醒。(5)单行输入框:在未限制字数情况下,当输入文字比前输入框长时, 最先输入的文字隐藏,光标和最后一个输入的文字显示在输入框尾部。(6)多行输入框:需要有“当前已输入字数/最多可输入字数”(如: 50/100 )。(7)与限制条件不符的费法输入应即时提醒。(8 )只允许输入日期、时间的输入框需要通过格式化方式约束输入, 而不是输入非法值后给出提示;3、按钮(1)按钮种类:优先操作按钮,次要按钮,不可用按钮。(2)按钮状态:默认显示状态,鼠标经过状态,点击状态。(3)按钮位
11、置:按windows交互习惯先优先后次要(左确定,右取 消)。(4)按钮样式:可直接写文字,或文字+图标(具体方案参照UI设计 效果图),原则上按钮上文字为 2-4个汉字。4、加载当数据获取较慢,或网络状况不佳时,要有统一的加载方案图示告诉用 户“数据正在加载中”如:漏斗、菊花、进度条等具体图文可参与 UI 设计效果。5、失败/空页面当页面没有数据、加载失败或出错时,要有统一的提示文案图标告诉用 户“页面加载失败/暂无数据/页面出错”,具体图文可参与 UI设计效果。6、鼠标默认状态鼠标为“箭头形状”,经过可点击元素时变为“手指状”,在 可输入框中为“竖线光标状”7、键盘(1 )支持回车键提交(2 )支持回车键查询(3)支持tab键移动光标焦点,移动遵循从左至右,从上至下的原则不得用于商业用途仅供个人用于学习、研究;不得用于商业用途。For personal use only in study and research; not for commercial use.Nur f u r den pers?nlichen f u r Studien, Forschung, zu kommerziellen Zwecken verwendet werden.Pour l e tude et la re
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 数学中考第一轮复习第七讲函数一次函数和反比例函数教案
- 中考数学复习教案等腰三角形
- 基于新信息技术的软件测试技术 课件 第6章 测试报告和测试评测
- 二年级下册美术教学设计 -第14课 夏日里|广西版
- 三年级上语文教材解读5古诗两首江畔独步寻花-人教版
- 幼儿园语言课件:《雪花》
- 2022年度辽宁省安全员之C证(专职安全员)综合检测试卷A卷含答案
- 2022年度辽宁省安全员之C1证(机械安全员)题库附答案(典型题)
- 梦想主题演讲稿(33篇)
- 国家开放大学专科《小学语文课程标准与教材研究》在线形考(形考任务一至四+大作业)试题及答案
- 劳动教育智慧树知到期末考试答案章节答案2024年温州医科大学
- 期末真题模拟考试试卷-2023-2024学年六年级下册科学苏教版
- 有机化学(黑龙江八一农垦大学) 知到智慧树网课答案
- 加油站综合演练应急预案演练记录
- 语法选择+完形填空-2024学年八年级下册英语期末考试必刷题(人教版)
- 2024年济南历下控股集团有限公司招聘笔试冲刺题(带答案解析)
- 青岛版数学八年级上册 《比和比例》
- 2024年山东省新动能基金管理限公司招聘18人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版
- 园艺产品贮藏加工学智慧树知到期末考试答案章节答案2024年宜宾学院
- 易制毒化学品安全管理岗位责任分工制度
- 2024年中考语文复习名著综合专题《简爱》
评论
0/150
提交评论