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