论网页设计的布局及色彩搭配

网页 设 计 实 际 上 就 是 平 面设 计 ， 过 目的性 、 不 时效 性 更 强 。
导 航栏 能 让 我 们 在 浏 览 时容 易 地 到 达 不 同 的页 面 ， 网 页元 是
每 一 次 网 页设 计 都 可 以看 成 平 面设 计 ，不 同 的是 设 计 网 页 不 仅
是 把 相关 内容 放 到 网页 中就 行 了 ，它还 要 求 网 页 设 计 者 能 够把 这 些 内容合 理 安 排 ． 给浏 览 者 以赏 心 悦 目的感 觉 ， 样 才 能 增强 这 网站 的 吸 引 力 。 页设 计 者 能够 随意 控 制 页 面上 所 有 的元 素 ， 网 但 假 如不 知 道什 么是 约 定 俗 成 的标 准 或 者说 大 多 数 浏 览 者 的 浏 览 习惯 ， 么 就 不 可 能 在 此基 础 上 加 上 自 己的 东 西 ， 而 被 广 大 浏 那 从
． 辅 ｒ） 助 色 彩 的搭 配
造 型就 是 创 造 出来 的物 体 形象 ， 这里 指 页 面 的 整 体形 象 。尽 管 显 示 器 和浏 览 器 都 是 矩 形 ， 对 于 页 面 的 造 型 ， 以充 分 运 用 但 可
各 种 形 状 以及 它 们 的组 合： 形 ， 矩 圆形 ， 三角 形 ， 形 等 等 ， 图 形 菱 但
［ ］ 佳 ， 倩 ． 页 设 计 中的 色彩 表 现 Ⅲ． １刘 王 网 美术 大 观 ，０７ ２０，
（１． １）
［】 亚 卓 ． 谈 网 页设 计 Ｕ． 教 文 汇， ０ ， ） ２胡 浅 １ 科 ２ ８（ ． ０ ２
（ ） 面 尺 寸 一 页
斯 Ｏ 顿 是 最 早 引 入 现 代 色 彩 体 系 的 教 育 家之 一 ，具 有 非 常 敏 伊
感 的 形式 认 识 ，他 坚 信 色 彩 是 理 性 的 。只 有 了 解 色 彩 的科 学 构 成 ． 能 进 行 有 色 彩 的 自 由表 现 。 才
页 面 尺寸 显 示 器 的大 小 及 分 辨率 的高 低 决 定 显 示 页 面 的 尺
其 目的 主要 是 利 用 造 型 的原 则 和规 律 ， 理 的 分 配 和排 列 文字 、 合 图形 等 视 觉 元素 ， 以便 准确 、 系统 、 效地 传 达 信 息 。 有
关键 词 ： 页设 计 ： 局 ： 网 布 色彩 ； 配 搭
一
、
网页 设计 的布 局
（ ） 八 导航 栏 的位 置
分 辨 率 下 ， 面 的 显 示 尺 寸 为 ６ ０ ３ １ 素 ： ８ ０ ６ ０像 素 的 页 ２＊ １ 像 在 ０＊０ 分 辨 率 下 ， 示器 的分 辨 率 越高 ， 显 能显 示 的页 面 尺寸 就 越 大 。
（ ） 体 造 型 二 整
站 。 必须 要 先 弄 明 白该 网站 的 主 题 和它 的服 务 对 象 ， 及你 通 你 以
（ ） 四 文本 文字
辅 助 色 配合 使 用 ， 整个 网页 的 色 彩最 好 控 制 在 三色 之 内 。 如果 整 个 网页 采用 单 色调 ， 只 用 一 种 色相 ， 辅 助 色 只 是 在 明度 和 纯 即 其
度 上 作 调 整 ， 用 中性 色 。 用单 色 调 ， 间 采 易形 成 一 种 风格 ， 网 页 在 的局 部 要采 用 少 量 小 面 积 的对 比色 以 达 到 丰 富页 面 的 效果 ，
灵活 。
二、 网页 设 计 的 色彩 搭 配 方 法 在 网 页设 计 中 ． 彩 成 为 一 个 非 常重 要 的研 究 对 象 ． 色 约翰 内
览者 所 接 受 和欣 赏 。这些 概 念 ， 就 是 人们 常 说 的 章法 。要 做 好 也
页面 设 计 ． 必须 先 了解 一些 网页 布 局相 关 的 基 本概 念 。 就
（ ） 四 确定 背景 和 文 本 的 色彩
文本 文 字 是 网 页 的主 体 ， 传 达 信息 的最 重 要 的 方式 。 方 是 ～
面 是 因 为 浏览 网页 上 的 文 字 和看 书很 相 似 。 比较 符 合 一 般 人 的
习惯 ． 一 方 面也 因为 文 字所 需 要 的 存储 空间 非 常 小 。文 本 的摆 另
当前 超链 接 的 色彩 相 同 ． 已访 问 的 超 链 接 的 色 彩 可 以 与超 链 接
网 片 在 网 页 ｆ 占有 非 常 重要 的地 位 。 因为 采 用 图 片 可 以 减 ｆ Ｉ
少纯 文 字 给 人 的枯 燥 感 ，巧 妙 的 图像 组 合 可 以带 给 浏 览 者 美 的
工
寸 ． 页的 最 大局 限性 在 于 页 面显 示 无 法 突破 显 示 器 的范 围 。由 网
（ ） 一 明确 网站 的 主 题 、 务 对 象及 用 色彩 要表 达 的 目的 服
要 确 定一 个 网 页用 什 么 色 彩 合 适 ．即 什 么 色 彩 适合 什么 网
于浏 览 器 本 身也 占用 了 网页 显示 的一 部分 ，所 以能 显 示 网 页 的 页 面范 围 已经 相 当 紧 张 。 般 情况 下 ， 一 显示 器 在 ６０ ４ ０像 素 的 ４＊８
过 色 彩希 望 达 到 的 目的 。
（ ） 定 网 页 的 主 色调 二 确
根据 网站 的主 题 、 务 对象 及 用 色 目的 。 网 站 的 网 页选 一 服 给 个主色调 ， 以形 成 一定 风 格 。 个 网页 最 好 只有 一 个 主 色 调 。主 整 调 色 彩 一 般可 用 公 司 的标 准 色 ， 这符 合公 司 的形 象 战略 ． 以提 可 升 公 司 形象 。
与 文 本 的结 合 应 该 层叠 有 序 。
（ ） 头 三 页
根据 主调 色选 择 辅 助 色 彩 主 调 色 确 定 后 ，还 可选 一 至 两 种
页 头 又称 之 为 页眉 ． 眉 的作 用 是定 义页 面 的 主 题 。比如一 页 个 站 点 的 名字 人 多 都显 示 在 页 眉 里 。 样 ， 览 者一 看 就 能 知 道 这 浏 该站 点 的 主题 是 什 么 。
亭受。
０
（ ） 七 多媒 体
的色 彩相 同 ， 可 以不 同。 也
参 考 文献 ：
多媒 体 一 般 指音 频 、 视频 、 画 、 动 虚拟 现 实 等 形式 。 多 媒体 将
引入 到 网 页 ， 以在 很 大 程 度上 吸 引 浏 览者 的注 意 。 用 多 媒体 可 利 文 件 可 以制 作 出更 有 创 造 性 、 术 性 的作 品 ， 的引 入 使 得 网 站 艺 它 成 ｌ一 个有 声 有 色 ， 静 相 宜 的世 界 。 『 动
背景 和文 本 的 色 彩 对 比 要尽 量大 ｆ 般 明 度 对 比为 ３１ ５ 一 ：到 ： １， 便 突 出 主要 文 字 内 容 ， 不 要 过 于亮 丽 ， 免 造 成 过 强 刺 ）以 但 以 激 的 视觉 效 果 。正 文 和 标 题 的 背 景 色 可 以 不 同 ， 般 正 文 的 一 背 景 色 用 淡 雅 色 较 佳 ． 题 的背 景 色 可 用较 鲜 艳 的。 景 色如 标 背 果 以 白色 等淡 色为 主 ． 文 本 色要 用 低 明度 有 彩 色 ， 其 这种 搭 配 较
ቤተ መጻሕፍቲ ባይዱ
素 非 常 重要 的部 分 ， 以导 航 栏 一 定 要 清 晰 、 目。一 般 来 讲 ， 所 醒 如
果 内容 非 常多 ， 要 考 虑 用 ” 字 型 ” 拐 角 型 ； 果 内 容 不 算 太 就 国 或 如 多 而 一 些 说 明性 的 东西 比较 多 ， 可 以 考 虑 标 题 正 文 型： 几 种 则 那 框 架 结 构 的一 个 共 同特 点 就 是 浏 览 方 便 ， 度 快 ， 结 构 变 化 不 速 但
（ ） 五 页脚
贞脚 是 和 页 眉相 呼 应 。页 眉是 放 置 站 点 主题 的 地方 ， 页脚 而
是 放 置作 者或 公 司 等各 种 制 作 信息 的地 方 。
（ ） 片 六 图
超链 接 翻转 效 果 当前 超 链 接 及 已访 问 的超 链 接 的 色彩 超 链 接 的 文 本 色彩 ， 其 它 文本 的 色 彩要 有 差 别 ， 利 于 浏 览者 进 一 与 以 步 链 接 ； 果 利 用 翻 转 效 果 ， 翻 转 效 果 的 色 彩 应 与 超 链 接 色 彩 如 其 不 同 ． 样 可 以 突 出 已选 到 的超 链 接 ． 翻 转 效 果 的 色彩 可 以与 这 但
些ｄ ２ ｚ ６ ｚ ．
人文
论 网 役 针的 布 局 售彩搭 配
口褚 梅 王丽 丽 史红艳 徐 州 空 军 学 院基 础 部
摘 要 ： 页设 计 就是 依 据 网站 宗 旨， 造型 、 构 、 息 、 网 把 结 信 色彩 等视 觉元 素 有机 地 统 一 在 网 页中 ， 对 网 页风 格 等 进 行 整 体设 计 。 并
利于阅读。
（ ） 后 确 定 超链 接 五 最
放 位 置决 定着 整 个 页 面 布 局 的 可 视性 。在 过 去 由于 网页 制 作技 术 的 局 限 ， 本 放 置 的 位 置 灵 活性 非 常小 ， 文 随着 Ｈ ｍ 的兴 起 ， ｔｌ 文 本 已经 可 以放 置 在 页 面 的任 何 位 置 。