发信人: weidong()
整理人: eagle(2000-03-31 11:37:18), 站内信件
|
Web网站的设计、管理与维护（5）
网 页 形 式 与 内 容 的 统 一
作 者 : 陈 运 迪
五、 网 页 形 式 与 内 容 的 统 一
形 式 服 务 于 内 容， 内 容 又 为 目 的 服 务， 形 式 与 内 容 的
统 一 是 设 计 网 页 的 基 本 原 则 之 一。
画 面 的 组 织 原 则 中， 将 丰 富 的 意 义 和 多 样 的 形 式 组
织 在 一 个 统 一 的 结 构 里， 形 式 语 言 必 须 符 合 页 面 的 内 容
， 体 现 内 容 的 丰 富 含 义。
运 用 对 比 与 调 和， 对 称 与 平 衡， 节 奏 与 韵 律 以 及 留 白
等 手 段。 如 通 过 空 间、 文 字、 图 形 之 间 的 相 互 关 系 建 立
整 体 的 均 衡 状 态， 产 生 和 谐 的 美 感。 如 对 称 原 则 在 页 面
设 计 中， 它 的 均 衡 有 时 会 使 页 面 显 得 呆 板， 但 如 果 加 入
一 些 动 感 的 的 文 字、 图 案， 或 采 用 夸 张 的 手 法 来 表 现 内
容 往 往 会 达 到 比 较 好 的 效 果。
点、 线、 面 作 为 视 觉 语 言 中 的 基 本 元 素， 使 用 点、 线、
面 的 互 相 穿 插、 互 相 衬 托、 互 相 补 充 构 成 最 佳 的 页 面 效
果。
点 是 所 有 空 间 形 态 中 最 简 洁 的 元 素， 也 可 以 说 是 最
活 跃、 最 不 安 份 的 元 素。 设 计 中， 一 个 点 就 可 以 包 罗 万 象
， 体 现 设 计 者 的 无 限 心 思， 网 页 中 的 图 标， 单 个 图 片， 按
钮 或 一 团 文 字 等 都 可 以 说 是 点。 点 是 灵 活 多 变 的， 我 们
可 以 将 一 排 文 字 视 为 一 个 点， 将 一 个 图 形 视 为 一 个 点。
在 网 页 设 计 中 的 点， 由 于 大 小、 形 态、 位 置 的 不 同 而 给
人 不 同 的 心 理 感 受。
线 是 点 称 动 的 轨 迹， 线 在 编 排 设 计 中 有 强 调、 分 割、
导 线， 视 觉 线 的 作 用。 线 会 因 方 向、 形 态 的 不 同 而 产 生
不 同 的 视 觉 感 受， 例 如 垂 直 的 线 给 人 平 稳、 挺 立 的 感 觉，
弧 线 使 人 感 到 流 畅、 轻 盈； 曲 线 使 人 跳 动、 不 安。 在 页 面
中 内 容 较 多 时， 就 需 进 行 版 面 分 割， 通 过 线 的 分 割 保 证
页 面 良 好 的 视 觉 秩 序， 页 面 在 直 线 的 分 割 下， 产 生 和 谐
统 一 的 美 感； 通 过 不 同 比 例 的 空 间 分 割， 有 时 会 产 生 空
间 层 次 韵 律 感。
面 的 形 态 除 了 规 则 的 几 何 形 体 外， 还 有 其 它 一 些 不
规 则 的 形 态， 可 以 说 表 现 形 式 是 多 种 多 样 的。 面 在 平 面
设 计 中 是 点 的 扩 大， 线 的 重 复 形 成 的。 面 状 给 人 以 整 体
美 感， 使 空 间 层 次 丰 富， 使 单 一 的 空 间 多 元 化， 在 表 达 较
含 蓄。
网 页 设 计 中 点， 线， 面 的 运 用 并 不 是 孤 立 的， 很 多 时
候 都 需 要 将 她 们 结 合 起 来， 表 达 完 美 的 设 计 意 境。
Copyright (c) 1999 by Wei Dong( http://weidong.yeah.net ). All rights
reserved.
E-Mail: weidong#netease.com
--
Wei,Dong http://weidong.yeah.net 《阿东网页》
===========================================
MYASK.NET DREAMWEAVER论坛：
http://www.myask.net/forum/dwbbs/
网页设计及制作，Dreamweaver FAQ
===========================================
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.102.222.38]
|
|