Web Ui 设 计 规 范 版 本 号 : 2014050401 规 范 制 作 : UI 设 计 组 为 规 范 公 司 所 开 发 的 软 件 产 品 界 面 风 格 , 明 确 UI 设 计 师 在 进 行 界 面 设 计 时 所 需 要 遵 循 的 准 则 和 方 法 、界 面 中 各 个 元 素 的 规 格 及 要 求 , 确 保 web 页 面 在 风 格 、结 构 和 功 能 上 的 基 本 统 一 , 提 高 工 作 效 率 , 便 于 团队 合 作 开 发 , 特 制 定 此 UI 设 计 规 范 。 此 规 范 不 具 有 唯 一 性 , 不 是 最 终 版 本 , 文 档 中 部 份 规 范 内 容 可 与 实 际情 况 有 出 入 。 1 颜 色 1.1 应 用 原 则 ● 整 体 色 彩 不 宜 超 过 3 种 , 并 遵 循 对 比 原 则 , 突 出 色 彩 层 次 感 。 除 非 特 殊 场 合 , 杜 绝 使 用 对 比 强 烈 ,让 人 产 生 憎 恶 感 的 颜 色 。 整 个 界 面 色 彩 尽 量 少 的 使 用 类 别 不 同 的 颜 色 。 ● 当 页 面 需 要 加 边 框 时 , 边 框 的 颜 色 最 小 值 为 底 色 颜 色 深 度 的 200%, 最 大 为 300%, 具 体 如 下 : 1.2 颜 色 代 码 标 准 ● 在 CSS 中 , 所 有 颜 色 都 以 16 进 制 色 值 来 进 行 书 写 , 如 : #a0a0a0。 1.3 界 面 色 彩 2 字 体 2.1 字 体 大 小 与字 型选择 2.1.1 字 体 使用 原 则 ● 字 体 以 不 超 过 2 种 字 体 为 准 , 特 殊 情 况 除 外 。 ● 字 体 大 小 号 的 选 择 以 12px、14px、16px 等 偶 数 字 体 大 小 为 准 。 ● 中 文 采 用 标 准 字 体 :“宋 体 ”、“微软 雅黑”, 英文 采 用 “Arial”或“verdana”, 不 能 使 用 特 殊 字 体 (如隶书 、草书 等 , 特 殊 情 况 、广告图片中 可 以 使 用 图片替代), 保 证用 户使 用 起来 显示都 很正常。 ● 另外 所 有 控件 尽 量 使 用 大 小 统 一 的 字 体 属性 , 除 了特 殊 提 示信息, 加 强 显示等 列外 情 况 。 2.1.2 标 题字 体 “微软 雅黑”为 主...