网页设计中色彩的应用探析

身心的愉 悦感 ， 从 而 大 大 提 高 网 站 的 点 击 体 外 ， 还 选 择 了 色调 对 比 较 低 的 蓝 、 黄、 绿 又 不 会 对 浏 览 者 造 成 视 觉 干 扰 。 率。 因此 ， 我们 要 高 度 重 视 网 页 设 计 中 色 彩 的运用。 然而 ， 对 于 职 业 院 校 艺 术 设 计 专 业 的学生来 说 ， 由于 其 本 身 对 色 彩 理 论 这 方 面的知识 掌握不够 透彻 ， 所 以 在 设 计 网 页
面 中 占的 比例 较大 ， 主 要 包 括 网 页 的Ｌ ｏ ｇ ｏ 、 能 的元 素 中 ， 常 用 的 色 彩 变化 有 对 比 、 亮 度 标 题和 整个框架的颜 色 。 如 何 选 择 网页 的 和 特 殊 颜 色 。 比如， 我们 在 浏 览 网 页 时 把 光
主体 色 ， 要 根据 网站 的具 体 内容而 定 。 首 先， 要 明确 网站 的 主 题 、 面 向 对 象 和 色 彩 要
摘 要： 色彩有着 强大 的魅 力， 是视 觉中最敏 感 的 东西 ，网页的色彩运 用直 接 影响到 网站 的整体 形象 。 本文从 笔者 的教 学体验 出发 ， 分析 学生在 网页设 计 中存 在的 色彩运 用上的 问题 ，依据 色彩的基 本原理 ， 提 出 了在 网页设 计 中色彩应 用的一些 策略 。 关键词 ： 网站 色彩 网页 中 图分 类号 ： Ｇ ７１ ２ 文献 标识 码 ： Ａ 文章编号 ： １ ６ ７ ３ —９ ７ ９ ５ （ ２ ０ Ｉ ３ ） ０ ２ （ ｂ ） －Ｏ Ｉ ６ ５ －０ Ｉ 当 网络 冲 击 着 我 们 现 代 人 的 同 时 ， 网 站成 了企业人 宣传企业的有 效途径 。 当 我 们打开 网站时 ， 首 先 关 注 的 不 是 网站 内 容 和 页 面布 局 ， 而是 网页 的 色 彩 ， 所 以 色 彩 是
１ 了解 网 页 色 彩 搭 配原 理
网页设 计属于 平面 设计 的领域 ， 但 是
２． ２ 辅 助色 的恰 当运用 浏 览 者 长时 间 阅读 。 高 明度 、 低 纯 度 对 比 的 在 网站建 设过程 中 ， 主 体 色 以 外 的 辅 背 景 色 与 文 本 色 的搭 配 ， 是 适 用 于 静 态 文 它又区别 于其他平 面设计 ， 那 就 是 它 既 遵 从 艺术 规 律 ， 又要 考 虑 到 人 的 生 理 特 征 。 首 助 色 的 使 用 是 必 不 可 少 的 。 辅 助 色 能 够 丰 本 的 色 彩 。 在 无 彩 色 的搭 配 中 ， 白底 黑 字是 先， 色彩搭 配要 给 人一种 和谐 、 愉 悦 的 感 富 视 觉 ， 增加 页面的层次 感 ； 同时 ， 辅 助 色 最 安 全 、 也是可读性最强的一种搭配方式。 觉， 一定避免采用高纯度的单一 色， 以 避 免 也 执 行 着 一 些 具 体 作 用 ， 如 视 觉 引导 、 重 点 造成 人的 视 觉 疲 劳 。 其次 ， 要 把 握 住 网 站本 强 调 等 。 选 择 恰 当 的 辅 助 色 首 先 取 决 于 与 ４结 语 身 的主 题 和 特 点 ， 明确 网页 的 色 相 、 冷 暖 色 主 体 色 的 和 谐 ， 要 建 立 在 与 主 体 色 内 在 规 在互联 网发 展如 此之快 的今天 ， 网站 调和对比色调 。 暖色调包括红 、 黄、 橙 等 色 律 的 联 系 上 ， 既要保持相互之间和谐 ， 又要 在 互 联 网 中 扮 演 着十 分 重 要 的 角 色 ， 更 多 系， 如果暖色调主导整个页面 ， 可 以 使 网页 辅 助 主 体 色 的 主 导 地 位 。 辅 助 色 与 主 体 色 的 企 业 行业 已 把 网站 作 为提 高 自我 形象 的 呈现 出热 情 、 积极 、 温 馨 的情 绪 。 相反 ， 如 果 共 同 决 定 了站 点 的 标 准 颜 色 ， 同 时 决 定 着 核 心 手 段 ， 这 就 决 定 着 人 们 对 网 页 设 计 提 强调 冷 色 调 的 出现 （ 包括青、 灰、 紫 等 色 系） ，
向群 体 的 特 征 吗 ？ 其次 ， 要 根 据 企 业形 象 选 择主体色 。 对于企业来说 ， 网 站 是 企业 整 体
的组 合方式不利 于浏览者阅读 ， 这 样 会 使
人 眼肌 肉过 度 紧 张 而 产 生 视 觉 疲 劳 ， 例 如
教授学生 网页设计 这门技术 的同时 ， 更 要 形 象 中 很 重 要 的 一 部 分 ， 这 类 网 站 的 主 体 绿 色 背 景 、 红色文本 ， 紫 色 背景 、 黄色文本 ， 注重提高 他们在 网页中色彩运 用能 力。 要 色一 般 选 择 企 业 形 象 中 的 标 准 色 彩 。 如 苹 以 及 纯 红 和 纯 蓝 的组 合 。 相 对 于 注 视 无 彩
时， 对色彩 的整体把握能 力不强 。 所以， 在
为主 体 色 ， 这种色彩搭配既活泼生动 ， 又 不 ３． ２ 静态 文本 色的 使用 会 引起 视 觉 疲 劳 ， 同时 ， 又 象 征 着 祖 国 的花 静态 文 本 主 要是 用 来 阅 读 ， 在 页 面 中 常 朵生机勃勃 ， 这 不 恰 恰 符 合 了 儿 童 这 一 面 以 大 篇 幅 的 形 式 出 现 。 饱 和 度 高 的 互 补 色
２ ０ １ ３ ＮＯ ． ０ ５
电化教 育研 究
Ｃｈ ｉ ｎａ Ｅｄ ｕｃ ａｔ １ ｏ ｒ １ ｌ ｎ ｎ ｏｖ ａｔ ｊ 用 探 析
魏 莉 刘冬 青 （ 济宁职 业 技术学 院 山东 济宁 ２ ７ ２ ０ ３７ ）
标移 至热区 中， 按 钮 或 超 文 本 变 为 较 之 前
明亮、 对 比 色 或 高 饱 和 度 的 色 彩 用来 吸 引 比如 ， ｈ ｔ ｔ ｐ ： ／ ／ ｗｗｗ． ｚ ｇ ｅ ｔ ． ｏ ｒ ｇ ／ 浏 览者 的 注 意 力 ； 网站 的 第 一 印 象 。 一 个 网站 的 成 功 与 否 在 表 达的情 感 。 对 于 已链 接 过 的 内容 ， 为 很大程 度上取决 于色彩的搭 配与运 用 ， 好 （ 中 国儿 童 网 ） 网站服 务 的群 体 是 儿 童 ， 它 在 了 与没 有 链接 的 内 容 有所 区分 ， 则用亮度 、 的 色 彩 可 以 快 速 吸 引 浏 览 者 的 目光 ， 给 人 设计 中 除 了 大 量使 用 卡 通 图 片 和 声音 等 媒 饱 和 度 相 对 较 低 的颜 色 显示 ， 既有 所 区 别 ，
解决 这 一 问 题 ， 要从 以 下 几 个 方 面 人 手 。
果 公 司 官 方 网 站采用 了其 企 业 的标 准 色彩 色 ， 持续 注 视 鲜 艳 的 彩 色更 容 易 引 起 人 的 金 属灰为主 体色 ， 这 种 颜 色 充 分 诠 释 出苹 疲 劳 和 烦躁 。 一 般来 说 ， 背景 色 与 文 字 色 的 果公 司的历练、 高端 、 创 新 等企 业 形 象 。 色 彩 跳 跃 度越 低 ， 越接近无彩色 ， 就 越利 于