一 、 页面信息规范 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 条 数 据 , 实 际 显 示