网页色彩基础知识

《网页色彩基础知识》由会员分享，可在线阅读，更多相关《网页色彩基础知识（21页珍藏版）》请在装配图网上搜索。

1、第5章 网页色彩基础知识 主 要 内 容5.2网 页 配 色 技 巧5.1 网 页 色 彩 基 础 知 识 5.1 网 页 色 彩 基 础 知 识 色 彩 基 础 知 识 1. 什 么 是 色 彩 色 彩 是 光 作 用 于 人 眼 引 起 的 视 觉 特 性 。 人 的 视 觉 特 性 是 受 大 脑 支 配 的 ，所 以 色 彩 也 是 一 种 心 理 反 映 。 色 彩 感 觉 不 仅 与 物 体 本 来 的 颜 色 特 性 有 关 ，而 且 还 受 时 间 、 空 间 、 外 表 状 态 以 及 该 物 体 的 周 围 环 境 的 影 响 ， 同 时 还受 人 的 经 历 、 记 忆

2、力 、 世 界 观 和 视 觉 灵 敏 度 等 各 种 因 素 的 影 响 。 2. 色 彩 的 形 成 我 们 能 看 到 物 体 ， 并 不 是 因 为 物 体 发 光 ， 而 是 物 体 反 光 的 结 果 。 太 阳光 是 白 色 的 ， 是 由 红 色 ， 绿 色 和 蓝 色 三 种 颜 色 组 成 ， 当 它 照 射 到 物 体 上 之 后 ， 部 分 光 被 物 体 吸 收 ， 剩 余 的 光 被 物 体 表 面 反 射 回 来 ， 我 们 看 到 的就 是 反 射 回 来 的 光 。 我 们 说 某 个 物 体 是 “ 蓝 色 ” 的 ， 其 实 是 这 个 物 体 反射 了

3、蓝 色 光 ， 而 吸 收 了 红 色 和 绿 色 光 。 5.1 网 页 色 彩 基 础 知 识 色 彩 基 础 知 识 3. 色 彩 三 要 素 色 彩 可 分 为 无 彩 色 和 有 彩 色 两 大 类 。 无 彩 色 是 指 黑 色 、 白 色 和 灰 色 ，而 有 彩 色 是 指 红 、 橙 、 黄 、 绿 、 蓝 、 青 、 紫 等 。 有 彩 色 的 每 种 色 彩 都可 以 用 三 个 值 表 示 ， 即 色 相 、 明 度 和 纯 度 ， 它 们 决 定 着 色 彩 的 主 要 特征 ， 被 称 为 色 彩 的 三 要 素 。 色 相 :是 指 的 是 色 彩 的 名 称 ，

4、 是 色 彩 最 基 本 的 特 征 ， 是 一 种 色 彩 区别 于 另 一 种 色 彩 的 最 主 要 的 因 素 。 明 度 :也 叫 亮 度 ， 指 的 是 色 彩 的 明 暗 程 度 ， 或 者 色 彩 在 不 同 光 线 下的 明 暗 程 度 。 纯 度 :也 叫 色 度 ， 表 示 色 彩 的 饱 和 度 ， 即 某 种 色 彩 中 是 否 包 黑 色 或者 白 色 成 分 。 5.1 网 页 色 彩 基 础 知 识 色 彩 表 示 1. RG B模 式 RGB模 式 是 计 算 机 中 表 示 色 彩 最 常 用 的 模 式 ， 基 本 原 理 是 用 三 原 色 的组 合 表

5、 示 每 种 色 彩 。 这 种 表 示 模 式 中 ， 三 个 原 色 分 别 被 划 分 为 256个 级别 ， 每 种 色 彩 都 可 以 表 示 为 三 个 数 字 的 组 合 。 2. HSB模 式 HSB色 彩 把 颜 色 分 为 色 相 （ Hue） 、 饱 和 度 （ Saturation） 、 明 度（ Brightness） 三 个 因 素 。 所 谓 饱 和 度 相 当 于 家 庭 电 视 机 的 色 彩 浓 度 ，饱 和 度 高 色 彩 较 艳 丽 ， 饱 和 度 低 色 彩 就 接 近 灰 色 。 明 度 也 称 为 亮 度 ， 等 同 于 彩 色 电 视 机 的 亮

6、 度 ， 亮 度 高 色 彩 明 亮 ， 亮 度 低 色 彩 暗 淡 ， 亮 度最 高 得 到 纯 白 ， 最 低 得 到 纯 黑 。 5.1 网 页 色 彩 基 础 知 识 色 彩 表 示 3. CMYK模 式 CMY是 3种 印 刷 油 墨 名 称 的 首 字 母 ： 青 色 Cyan、 洋 红 色 Magenta、 黄 色Yellow。 而 K取 的 是 black最 后 一 个 字 母 ， 之 所 以 不 取 首 字 母 ， 是 为 了避 免 与 蓝 色 (Blue)混 淆 。 4. Lab颜 色 模 式 Lab是 CIE（ 国 际 照 明 委 员 会 ） 指 定 的 表 示 颜 色

7、的 标 准 之 一 。 它 是 广 泛应 用 于 彩 色 印 刷 和 复 制 层 面 。 L： 指 的 是 亮 度 ； a： 由 绿 至 红 ； b： 由 蓝至 黄 。 CIE色 彩 模 式 是 以 数 学 方 式 来 表 示 颜 色 ， 所 以 不 依 赖 于 特 定 的 设 备 ， 这 样 确 保 输 出 设 备 经 校 正 后 所 代 表 的 颜 色 能 保 持 其 一 致 性 。 5.1 网 页 色 彩 基 础 知 识 色 彩 表 示 5. 色 彩 模 式 的 选 择 RGB色 彩 模 式 是 发 光 的 ， 存 在 于 屏 幕 等 显 示 设 备 中 ， 不 存 在 于 印 刷 品

8、中 ； CMYK色 彩 模 式 是 反 光 的 ， 需 要 外 界 辅 助 光 源 才 能 被 感 知 ， 它 是 印 刷 品 唯一 的 色 彩 模 式 ； CMYK的 所 有 色 彩 都 包 含 于 RGB色 域 中 ， 但 CMYK的 色 彩 数 量 少 于 RGB， RGB通 道 灰 度 图 中 偏 白 表 示 发 光 程 度 高 ； CMYK通 道 灰 度 图 中 偏 白 表 示 油 墨 含 量 低 。 反 而 反 之 。 5.1 网 页 色 彩 基 础 知 识 色 彩 表 示 可 以 按 照 这 样 的 原 则 选 择 色 彩 模 式 ：o 如 果 图 像 只 在 电 脑 上 显 示

9、 ， 就 用 RGB模 式 ， 这 样 可 以 得 到较 广 的 色 域 ；o 如 果 图 像 需 要 打 印 或 者 印 刷 ， 就 必 须 使 用 CMYK模 式 ， 才 可确 保 印 刷 品 颜 色 与 设 计 时 一 致 。 5.1 网 页 色 彩 基 础 知 识 216种 安 全 色 216网 页 安 全 色 是 指 在 不 同 硬 件 环 境 、 不 同 操 作 系 统 、 不同 浏 览 器 中 都 能 够 正 常 显 示 的 颜 色 集 合 （ 调 色 板 ） ， 也 就是 说 这 些 颜 色 在 任 何 终 端 浏 览 用 户 显 示 设 备 上 的 现 实 效 果都 是 相

10、同 的 。 所 以 ， 使 用 216网 页 安 全 色 进 行 网 页 配 色 可 以避 免 原 有 的 颜 色 失 真 问 题 。 返 回 5.2网 页 配 色 技 巧 色 彩 选 择 的 基 本 原 则 1. 色 彩 的 鲜 明 性 原 则 2. 色 彩 的 独 特 性 原 则 3. 色 彩 的 适 当 性 原 则 4. 色 彩 的 联 想 性 原 则 5.2网 页 配 色 技 巧 网 站 主 色 调 的 选 择 网 站 的 主 色 调 对 整 个 网 站 色 彩 搭 配 是 至 关 重 要 的 。网 站 的 主 色 调 实 际 上 是 由 网 站 的 内 容 确 定 的 ， 跟 据 网

11、 站的 内 容 可 以 确 定 网 站 的 主 色 调 ， 也 可 以 更 具 网 站 访 问 群体 的 类 别 、 社 会 背 景 、 心 理 需 求 和 场 合 来 确 定 ， 也 可 以根 据 不 同 色 彩 带 给 人 们 的 不 同 心 理 反 应 进 行 选 择 。 我 们可 以 从 下 面 的 几 个 例 子 来 看 看 。 5.2网 页 配 色 技 巧 网 站 主 色 调 的 选 择 5.2网 页 配 色 技 巧 网 站 主 色 调 的 选 择 5.2网 页 配 色 技 巧 网 站 主 色 调 的 选 择 5.2网 页 配 色 技 巧 网 页 中 色 彩 搭 配 的 原 则 基

12、 于 色 调 进 行 配 色 (1) 类 似 色 调 配 色 ； (2) 互 补 色 调 配 色 ； 2.基 于 色 彩 情 感 进 行 配 色 (1)红 色 调 配 色 技 巧 ； (2)黄 色 调 配 色 技 巧 ； (3) 蓝 色 调 配 色 技 巧 (4) 绿 色 调 配 色 技 巧 (5) 绿 色 调 配 色 技 巧 (6) 白 色 调 配 色 技 巧 5.2网 页 配 色 技 巧 网 页 中 色 彩 搭 配 的 原 则 3. 基 于 渐 变 和 重 复 的 色 彩 搭 配 5.2网 页 配 色 技 巧 色 彩 搭 配 案 例 1. 基 于 灰 黑 色 的 NBA网 站 5.2网 页

13、 配 色 技 巧 色 彩 搭 配 案 例 2. 娱 乐 性 网 站 UGO 5.2网 页 配 色 技 巧 色 彩 搭 配 案 例 3. 采 用 黄 色 调 为 主 返 回 本 章 小 结 本 章 主 要 向 读 者 介 绍 了 网 页 设 计 色 彩 搭 配 的 基础 知 识 。 好 多 网 页 设 计 着 在 学 习 网 页 设 计 的 时 候 ，并 不 注 意 色 彩 搭 配 的 运 用 ， 而 是 把 主 要 精 力 放 在 代码 编 写 上 ， 结 果 导 致 费 了 很 大 功 夫 设 计 的 网 站 ， 却往 往 “ 无 人 问 津 ” ， 一 个 原 因 就 是 网 页 的 色 彩 搭 配不 受 欢 迎 。