网页界面的色彩设计

２１ ０ ０年
第２ ３期
Ｓ ＩＮＣ ＣＥ Ｅ＆Ｔ Ｃ Ｏ Ｏ ＹＩＦ Ｒ ＴＯＮ Ｅ ＨＮ Ｌ Ｇ Ｏ ＭＡ Ｉ Ｎ
ＯＩ Ｔ论坛 。
科技信息
网页界面的色彩设计
王娅纷 张 明 波
（ 荆楚ｔ －学 院 ．ｒ ｉ
【 摘 【 键 词 】 机 界 面 ； 页设 计 ； 关 人 网 色彩 设计
如 色 彩 的 面 积 、 度 等 等 。要 做 到 协调 ， 要 考 虑 色 彩 的 搭 配 ， 能 出 亮 就 不 现 让 人 觉 得别 扭 的色 彩 搭 配 。 其 次是 色彩 的一 致 性 ， 于 有 相 同 含 义 对 的对 象 或 者 事 务 ， 们 要 让 颜 色 保 持 一 致 ． 用 户 选 择 了正 确 的答 案 我 如 我 们 都 用绿 色 提 示 ， 误 的 信息 我 们 都 用 红 色 提 示 。 从 宏 观 来 说我 们 错 也 要 保 证 整 个 网站 的一 致 性 ， 个 网 站 中 各 个 页 面 风 格 一 致 ， 整 如果 不 同 的 网 页之 间 有 很 大 的 色彩 风 格 差 异 ， 能 会 造 成 用 户 点击 一 个 链 接 可 到 另一 个 风 格 迥 异 的 网 页 ， 可 能 以为 已经 退 出 这 个 网 站进 入 了另 外 他
湖北
荆门
４８０ ） ４ ０ ０
要 ｌ 文在 人 机 界 面设 计 原 则 的理 论 基 础 上 ， 网 页界 面 的 色彩 设计 作 了一 些 阐用 明 亮 的颜 色 ， 果 过 多 使 用 明 亮 的 颜 色 ， 仅 如 不 不 能 起 到 提示 重点 地 作 用 ， 常 常会 很 容 易 使 用 户 疲 劳 、 痛 ， 户 还 还 头 用 人 机 界 面 设 计 ， 指 人 和 机 器 的互 动过 程 中 的界 面 ， 们 要 在 此 没 有 在 你一 堆 高亮 色 彩 中 找 到他 们 需 要 的 东 西 ， 可 能 就 已 经 点击 关 是 我 很 界 面 上做 进 行 排 版 、设 计 等 以 使 得用 户 能 够 更 好 地 使 用 我 们 的 系 统 。 闭 按 钮 离 开 了你 的 网站 。 通 常 只有 少 量 精 心 选 择 的 元 素 ， 了 突 出强 为 因 此界 面设 计 是 软 件产 品 的重 要 组成 部 分 。 面 设 计 是 一个 复 杂 的有 调 的 需 要 ． 界 才采 用 明亮 的 色 彩 。
１ 人机 界 面 设 计 背景
不同学科参与 的工程 。 认知心理学 、 设计学等在此都 扮演着 重要的角 ２１ 色彩的协调性和一致性 。 面提到不要在一个 页面中使用过多 ．． ３ 前 色 。 着计 算 机 软 硬 件 技术 的发 展 ， 机 界面 的重 要 性 与 日俱 增 。 计 的 颜 色 ， 即 使 我 们 只 使 用 需 要 的 色 彩颜 色 。 要 注 意 颜 色 的选 择 是 随 人 设 但 也 人 员更 关 注 软 件 的易 用 性 、 官 性 ， 这 些 主 要 取 决 于人 机 界 面 的 优 否 和谐 、 调 ， 否 给 人舒 适 的感 觉 。 同色 彩 之 间 的对 比会 有 不 同 的 感 而 协 是 不
一
２ 设计 原 则
作为 一 门学 科 ． 机 界 面 的 设计 原 则 一 般 是 ： 致 性 原 则 、 晰 性 人 一 清 原则、 捷性原则、 敏 容错 性 原 则 、 学 易用 性 原 则 。而 色 彩 设 计 则 有 更 易 多 更 具体 的要 求 ， 颜 色 的搭 配 、 比 、 否 能 突 出重 点 、 否会 给 用 如 对 是 是 户带 来 不 舒 适 的体 验 等 等 。 ２１ 色 彩 设计 的体 验 ． ２１ 网 页界 面 色 彩 设计 ， 一 步 要 做 的 是 选 色 。所 谓选 色就 是 指 给 ．． １ 第 网 页的 整 体 风格 定 位 ， 择 主要 的颜 色 ， 定 主 色 调 ， 以有 利 于 体 现 选 确 可 网站 主 题 。 做 到 这一 点 首 先 要 了解 网站 的 类 型 、 要 风格 。 果 是 给政 府 如 机 构 、 业 等 做 正 式 网站 ， 就 要 杜 绝 过 分 活 泼 的 色 彩 选 择 ， 要 正 企 那 需 式 、 重 一 些 的 色 彩 ， 则 就 会 给 人 不 专 业 的 感 觉 ． 不 到 用 户 的 要 庄 否 达
一
个 网站 。这 都 是 不 好 的后 果 。 色 彩 的组 合 千 变 万 化 ． 户 对 于 颜 色 的 喜 好 也 大 不 相 同 。 以 在 用 所 设 计 的过 程 中 我 们要 合 理 选 择 ， 做 尝试 ， 时 收集 用 户 反 馈 信 息 ， 多 及 才 能促 使 我 们 的 设 计进 步 。如得 益 网 （ｔ ：ｗ ｗｎｔｉ ｅ） ｈｔ ／ ｗ ．ｅ ． ｔ设计 在 色 彩 协 ｐ／ ｙｎ 调 性 和 一 致性 方 面做 得 很 不 错 。 ２１ 色 彩 的空 间位 置 分 布 。 整个 网 页 中 。 们 要 做 到 色 彩 的 合 理 分 ．． ４ 我 所 求 ； 是 做 一 些 专业 相 关 的 网 站 ， 以结 合 相 关 内容 做 一 些 选 择 ， 如果 可 比 配 ， 谓 分 配 就是 如 何 在 页 面 中 安排 颜 色 。 比如 我 们 把 红 色 等 明 亮 的 如 是 一 个 农 产 品 相 关 的 网 站 ，那 么 我 们 可 以选 择 主 色调 为 清 爽 的 绿 颜色安排 在页面 的中间 ， 四周是蓝色 、 粉色等柔和的颜色 ， 这样 可以使 色 ， 样 也 可 以 给 主题 润 色 ； 这 如果 我们 是 做 个 人 网站 ， 可 以 充 分 突 出 我们网站界面整个很醒 目． 那 突出了页面 中间的重点 ． 也让用户方便查
劣 。因此 ． 想 设 计 出好 的软 件 ， 人机 界 面的 研 究 是必 不 可少 的 。网 要 对 站设 计 是 一 门广 泛 运 用 人 机界 面 设 计 理 论 的 学 科 ， 时候 一 个 网站 界 有 面设 计 的 好 坏直 接 影 响 了 这个 网站 的 访 问 率 ． 机 界 面设 计 的价 值 在 人 网站 页 面 设计 中体 现得 尤 为 突 出 ， 文 就 网 页 界 面 的 色彩 设 计 提 出 了 本 些 研 究 和看 法 。 效果 当两 种 颜 色 分 开时 各 自有 各 自的 效果 ， 时在 一 起 时 又 有 不 一 同 样 的效 果 。 如 红绿 对 比 ， 的 更 红 ， 的更 绿 ； 白对 比 ， 的更 黑 ， 红 绿 黑 黑 白 的更 白 。 于人 的视 觉 不 同 ， 比 的效 果 通 常 也会 有 不 同 。 由 对 正是 因为 颜 色的 对 比 ， 形成 了对 我 们 视 觉 的 刺 激 。 色彩 的对 比会 受很 多 因素 影 响 ，