04基于浏览器类界面表现设计检查表

1、基于浏览器类界面表现设计检查表请根据基于浏览器类界而表现设计检査表进行界而表现设计检测，以下表请各项目的检测人填写。项目名称： 项目负责人：自查人： 规范检查人：自查人员意见申辩表:不符合项规范检查人 反馈意见项目负责人 最终反馈意见备注编号申辩理由规范检查人抽查意见反馈表:不符合项项目负责人 最终反馈结果备注编号抽查结果基于浏览器类界面表现设计检查附表使用说明木检测表将帮助您检测网站或者软件系统中的问题，使川其进行检测时按照以下三个步 骤进行：1. 请检测每一个问题是否适用于您日前的网站或者软件系统。如果不适用，请记录于 附表的不适合项中，并且跳到下一条。2. 对于所评估的系统，如果符合要求

2、，请继续下一条；如果不符合耍求，请在附表的 不符合要求项记录该项编号，并继续下一条。3. 将改正后的网站或者软件系统，继续按照上面的步骤进行，在到改完为止。备注：1. 此文档适用于web前端视觉设计师2. 对于中企动力所设计产品应严格执行界面视觉设计规范3. 意见反馈：ue 研究室 奚鹏(58022727-712) xipengmyce. net. cn目录1. 界面布局42. 导航43. 滚屏与翻页44. 标签55. 文本使用56. 按钮与输入框57列表68.其他界面可用性基本原则61.界面布局编号项目内容1.1从视觉表现上使界面的区域划分明确；1.2在1024*768分辨率下，对于首页类的

3、界而保证所有的重要信息都能在第一屏看到；1.3版权信息区应出现在页面底部；1.4头部（head）区的高度不得超出160px；1.5在头部（head）需要包含的内容必须有名称（name）、商标（logo）、系统身份标识区， 便于操作和传递软件的价值和意图；1.6logo区由标识、系统的名称组成，需耍时对添加版本号，logo位于头部（head）区上 下以及左边距距离不得低于7px,版本号距标识或名称的距离为5px；1.6在布局上界血中所侑相关元素之间以及各内容区块之间的间距应保持一致；1.7和关元素要注意水平、垂直位置对齐；2.导航编号项目内容2.1导航菜单必须明确指不用户当前所在位置；2.2纵向

4、导航菜单宽度不得大于190px；2.3通过导航菜单等的视觉反馈指示用户日前的位置；在网站深度超过3级（含3级）时， 要给用户一个面包屑导航，如：您目前的位bs xx首页xx；2.4通过明确的视觉区分对不同的导航层级进行分组；2.5专门的导航页而要短小，并在一屏内显示；3 滚屏与翻页编号项目内容3.1在1024*768下，主页的长度尽量保持在一屏z内，如果具冇特殊要求的网站请不要超出 2屏；3.2通过高亮显示条目來加快阅读的浏览速度；3.3翻页的操作链接应在视觉上对当前页面和其他页面进行明确的区分，易于浏览和跳转；3.4不同页面中的翻页样式和元素应保持一致:4.标签编号项目内容4.1标题的表述要

5、清处，避免二义性；4.2标题的长度授长不应超出14个字；4.3行和列标题的视觉表现要要与数据项有明确区分；4.4不同页面屮相同类别的标题样式应保持一致；4.5标签的不同状态应进行明确的视觉区分:5.文本使用编号项目内容5.1所有界面屮的屮、英文文本应使用统一的字体，对于同类的文本在样式上要保持一致， 如：正文中、英文字应使用宋体、大小12px；标题文字应以粗体显示；5.2文本段落的间距最大值为15px；5.3不同页面中相同类型的文字段落，行间距应保持一致；5.4文字颜色与背景色对比度要高，对于人文本区块应使川深色文字与简洁、浅色背景进行 搭配，背景色亮度与文本色亮度的差杲应大于125. rgb

6、色彩亮度差界值计算公式为（红 色值 x 299） + （绿色值 x 587） + （蓝色值 x 114） / 1000；5.5对于链接文字要统一使用下划线，并通过颜色区分默认、鼠标滑过、点击过后状态；5.6当出现文字过长的情况时，在文尾使用三个点（.）来表示：5.7数值超过1, 000时，使用千位分隔符；5.8岀现小数点的数值时，垂直对齐方式使用右对齐，小数位根据数据精度要求进行统-， 不足位数的以补零的方式显示；5.9当数据使用百分比吋，垂直对齐方式使用右对齐。5.10常用条目的格式要一致：h期书写遵循xxxx年xx月xx h或xxxx （年）-xx （月）-xx （ h）格式；时间书写遵循

7、xx时xx分xx秒或xx （时）：xx （分）：xx （秒）格式。时间使用24小时制；6.按钮与输入框编号项目内容6.1保证相同类型的按钮的样式一致性，并在各页面中使川时保持不变。如在首页中出现的 确定按钮，在内页中的风格要和首页的保持一致；6.2按钮的不同状态应该有明确的区分，提供用户明确的操作反馈；6.3相同类型的输入框应保持样式的一致；6.4群组输入框应以每组的标题冒号对齐，保持输入框样式一致，并使每个输入框间的间距 保持一致；6.5输入框的激活状态应提供给用八明确的视觉反馈;7.列表其他界面可用性基本原则编号项目内容7.1列表中行和列的视觉表现要清楚；7.2列表中的可选数据，应对选中和非选中状态进行明确区分；7.3列表或区块内的文本内容距列表或区块的边距不应小于10px；7.4列表中行或列z间的区域要划分明确，如使用分割线或隔行换色；7.5所有界面中相同类型列表的样式要保持一致；7.6对于不同的内容区块和表格屮的内容应该提供给用户明确的阅读和操作反馈；编号项目内容8.1避免使用计算机术语，尽量使用通俗易懂的用户语言；8.2在同一界面中，避免使用两种以上的强调（视觉）风格；8.3界面中的相关元素耍在位置上保持关联性，相关元素间的超白使用要适度；8.4相同类别的图标应