图片编排与图形的编排

版式设计Layout Design 第三章 图片与图形的编排第 一 节 图 片 的 编 排 幻 灯 片 3第 二 节 图 形 的 编 排 幻 灯 片 20第 三 节 图 片 、 图 形 的 编 排 技 巧 幻 灯 片 29 一、图片的基本编排二、图片形式对版面编排的影响第 一 节 图 片 的 编 排三、图片的裁剪 一、图片的基本编排（ 三 ） 图 片 的 方 向（ 二 ） 图 片 大 小 及 位 置 关 系（ 一 ） 图 片 的 组 合 （ 一 ） 图 片 的 组 合1 图 片 数 量 对 版 面 效 果 的 影 响图 片 数 量 直 接 影 响 到 版 面 效 果 ， 也 影 响 到 读 者 的 阅 读 兴 趣 。 一 般 来 说 ， 图 片 数 量较 多 的 版 面 更 能 引 起 读 者 的 阅 读 兴 趣 。 但 也 不 能 纯 粹 为 了 吸 人 眼 球 而 滥 用 图 片 ， 应 根据 具 体 的 版 面 需 求 来 决 定 图 片 的 数 量 ， 如 下 图 所 示 。 2 图 片 不 同 的 组 合 编 排图 片 的 组 合 编 排 是 将 若 干 图 片 合 理 地 编 排 在 同 一 个 版 面 上 ， 形 成 一 个 新 的 结 构 样式 ， 并 将 信 息 传 递 给 观 者 。 它 的 主 要 表 现 形 式 为 图 文 组 合 及 图 片 之 间 的 组 合 ， 这 里 主要 讲 图 片 间 的 组 合 ， 图 文 编 排 组 合 将 在 第 四 章 作 详 细 讲 解 。 最 常 见 的 图 片 组 合 方 法 如下 图 所 示 。 （ 二 ） 图 片 大 小 及 位 置 关 系1 放 大 含 有 重 要 信 息 的 图 片在 版 式 设 计 中 ， 应 将 含 有 重 要 信 息 的 图 片 放 大 ， 因 为 大 尺 寸 的 图 片 通 常 更 能 引 起读 者 注 意 。 同 时 缩 小 次 要 图 片 ， 这 种 图 片 编 排 能 形 成 版 面 层 次 感 。 对 图 片 进 行 一 定 程度 上 的 协 调 统 一 ， 将 图 片 大 致 分 为 大 、 中 、 小 三 个 级 别 ， 还 能 制 造 版 面 节 奏 感 ， 如 下图 所 示 。 2 调 整 图 片 的 位 置 ， 突 出 主 要 信 息版 面 的 上 下 、 左 右 以 及 对 角 线 上 都 是 视 觉 的 焦 点 。 因 此 将 重 要 的 图 片 放 置 在 这 些位 置 ， 可 以 突 出 主 题 ， 增 强 视 觉 冲 击 力 ， 如 下 图 所 示 。 3 图 片 的 对 齐 方 式常 见 的 图 片 对 齐 方 式 有 上 对 齐 、 下 对 齐 、 左 对 齐 和 右 对 齐 四 种 方 式 。 其 中 ， 使 用最 频 繁 是 左 对 齐 ， 因 为 这 种 对 齐 方 式 最 符 合 人 们 的 阅 读 习 惯 。 同 时 ， 对 齐 也 是 创 造 视觉 美 感 的 方 法 ， 能 使 版 面 显 得 井 然 有 序 ， 如 下 图 所 示 。 （ 三 ） 图 片 的 方 向图 片 本 身 是 不 具 备 方 向 性 的 ， 方 向 是 由 图 片 上 主 体 所 呈 现 的 方 向 决 定 的 ， 如 物 体的 造 型 、 倾 斜 方 向 、 人 物 的 动 作 、 面 部 朝 向 以 及 视 线 等 ， 都 可 以 使 读 者 感 受 到 图 片 的方 向 性 与 运 动 感 ， 从 而 使 版 面 有 一 种 跃 动 感 ， 如 下 图 所 示 。 图 片 方 向 不 但 能 起 到 引 导 视 线 的 作 用 ， 同 时 ， 还 能 保 持 版 面 的 平 衡 感 和 逻 辑 性 。比 如 图 片 人 物 视 线 一 般 朝 向 版 面 内 部 ， 这 样 会 有 一 种 稳 定 感 ;谈 话 类 内 容 的 版 面 中 ，图 片 人 物 视 线 一 般 相 对 ， 以 便 形 成 一 种 交 流 的 感 觉 ， 如 下 图 所 示 。 二、图片形式对版面编排的影响（ 三 ） 出 血 图 片（ 二 ） 去 底 图 与 特 写 图（ 一 ） 方 形 图 与 圆 形 图 的 运 用 （ 一 ） 方 形 图 与 圆 形 图 的 运 用方 形 图 是 最 常 见 一 种 图 片 形 式 ， 一 般 通 过 照 相 机 、 扫 描 仪 等 途 径 获 得 。 方 形 图 构成 的 版 面 给 人 大 气 而 平 稳 的 视 觉 印 象 ； 圆 形 图 片 削 弱 了 方 形 图 片 四 角 的 锐 利 感 ， 呈 现出 更 加 圆 润 、 柔 和 的 视 觉 印 象 ， 使 版 面 充 满 轻 松 、 活 泼 之 感 ， 如 下 图 所 示 。 （ 二 ） 去 底 图 与 特 写 图去 底 就 是 删 除 图 片 背 景 ， 使 图 片 主 体 独 立 呈 现 的 一 种 方 式 。 这 种 方 式 能 轻 松 、 灵活 地 运 用 图 片 ， 使 画 面 空 间 感 强 烈 ， 版 面 灵 活 多 变 ;需 要 注 意 的 是 ， 在 裁 切 图 片 时 应将 背 景 剪 裁 彻 底 ， 否 则 会 在 物 体 边 缘 留 下 难 看 的 杂 边 。 此 外 ， 对 图 片 主 体 的 特 写 、 拉近 并 对 图 片 进 行 合 理 地 裁 切 ， 能 使 一 张 普 通 的 图 片 呈 现 出 精 彩 的 画 面 效 果 ， 令 人 惊 喜 ，如 下 图 所 示 。 （ 三 ） 出 血 图 片出 血 图 片 是 将 图 片 超 出 整 个 版 面 的 编 排 处 理 ， 它 没 有 边 框 的 束 缚 ， 使 版 面 具 有 一种 向 外 的 张 力 ， 同 时 还 有 一 种 运 动 感 。 出 血 图 片 拉 近 了 版 面 与 读 者 的 距 离 ， 增 加 版 面的 联 想 性 ， 丰 富 版 面 内 容 ， 如 下 图 所 示 。 2 线 框 的 运 用（ 1） 版 面 的 分 割 与 限 定利 用 线 框 对 版 面 空 间 进 行 分 割 和 限 定 ， 能 使 版 面 具 有 一 种 被 限 制 的 紧 张 感 ， 并 使版 面 划 分 出 明 确 的 阅 读 区 域 ， 提 高 阅 读 效 率 ;线 框 还 影 响 着 版 面 结 构 ， 通 过 线 框 的 组织 和 限 定 ， 将 版 面 元 素 进 行 规 则 设 计 ， 使 版 面 更 加 稳 定 ， 具 有 很 强 的 理 性 秩 序 感 ， 使阅 读 更 流 畅 ， 如 下 图 所 示 。 三、图片的裁剪1 放 大 裁 剪 图 片放 大 裁 剪 图 片 是 截 取 图 片 中 的 某 一 部 分 ， 形 成 了 局 部 放 大 的 效 果 ， 以 减 少 图 片 多余 信 息 ， 这 种 方 法 能 有 效 地 将 读 者 视 线 集 中 到 想 要 展 示 的 内 容 上 ； 需 要 注 意 的 是 ， 裁剪 后 的 图 片 应 有 足 够 大 的 分 辨 率 ， 以 保 证 印 刷 成 品 的 清 晰 度 ， 如 下 图 所 示 。 2 通 过 剪 裁 删 除 多 余 图 像剪 裁 删 除 多 余 的 图 像 是 将 多 余 的 部 分 删 除 以 完 善 图 片 效 果 ， 使 版 面 效 果 更 协 调 ，如 下 图 所 示 。 需 要 注 意 的 是 ， 裁 剪 时 应 把 握 好 尺 度 ， 尽 量 避 免 因 过 度 裁 剪 而 删 除 掉 本需 要 保 留 的 信 息 ， 或 者 因 为 裁 剪 不 彻 底 而 残 留 了 不 需 要 的 信 息 ， 给 读 者 带 来 错 误 的 印象 。 3 通 过 裁 剪 调 整 图 像 位 置图 片 位 置 的 不 同 给 读 者 带 来 的 视 觉 印 象 也 不 一 样 。 当 拍 摄 的 照 片 原 图 没 有 达 到 预想 的 效 果 和 排 版 要 求 时 ， 可 以 通 过 裁 剪 来 调 整 物 体 的 位 置 ， 以 突 出 主 题 ， 增 强 信 息 传达 力 度 ， 如 下 图 所 示 。 一、图形的主要分类及特征二、图形的基本编排第 二 节 图 形 的 编 排 一、图形的主要分类及其特征1 简 洁 的 图 形简 洁 的 图 形 有 利 于 设 计 的 准 确 性 和 清 晰 性 ， 能 使 版 面 重 点 突 出 ， 视 觉 效 果 得 到 优化 ， 如 下 图 所 示 。 2 夸 张 的 图 形夸 张 的 图 形 能 直 接 、 鲜 明 地 揭 示 事 物 本 质 ， 增 强 艺 术 传 达 效 果 ， 赋 予 版 面 新 奇 而变 化 的 情 趣 ， 使 版 面 效 果 更 加 生 动 ， 如 下 图 所 示 。 3 具 象 图 形具 象 图 形 是 写 实 性 与 装 饰 性 的 结 合 ， 这 样 的 图 形 给 人 带 来 一 种 亲 切 感 ， 留 下 直 观的 视 觉 印 象 ， 使 版 面 构 成 一 目 了 然 ， 如 下 图 所 示 。 4 抽 象 图 形抽 象 图 形 运 用 简 单 的 点 、 线 、 面 等 元 素 提 炼 而 成 ， 它 体 现 的 是 事 物 本 质 的 特 性 ，是 规 律 的 概 括 。 抽 象 图 形 为 版 面 营 造 了 想 象 空 间 ， 引 导 读 者 去 联 想 与 体 味 ， 使 版 面 具有 一 种 广 阔 感 和 深 远 感 ， 并 富 有 时 代 气 息 ， 如 下 图 所 示 。 5 符 号 性 图 形符 号 性 图 形 是 一 种 高 度 凝 练 和 概 括 的 图 形 ， 其 本 质 就 是 一 种 视 觉 符 号 。 含 蓄 的 图形 符 号 暗 示 与 启 发 观 者 产 生 联 想 ， 进 而 揭 示 内 在 的 设 计 意 图 ， 如 下 图 所 示 。 6 文 字 性 图 形文 字 性 图 形 包 括 图 形 文 字 和 文 字 图 形 两 层 意 思 ， 其 中 ， 图 形 文 字 是 指 将 文 字 用 图形 的 形 式 表 现 出 来 ， 最 常 见 的 是 文 字 类 的 logo设 计 ； 而 文 字 图 形 是 利 用 文 字 作 为 基 本构 成 元 素 形 成 图 形 ， 进 而 构 成 版 面 ， 使 版 面 图 文 并 茂 ， 如 下 图 所 示 。 二、图形的基本编排1 图 形 的 编 排 布 局图 形 的 版 面 布 局 应 具 有 整 体 性 和 简 洁 性 。 同 时 可 以 增 强 图 形 与 图 形 、 图 形 与 背 景的 对 比 ， 进 而 提 升 版 面 张 力 ， 突 出 设 计 重 点 ， 增 添 版 面 趣 味 性 ， 如 下 图 所 示 。 2 图 形 形 状 的 应 用图 形 按 其 形 状 可 分 为 规 整 的 几 何 形 和 活 泼 的 自 由 形 ， 其 中 几 何 形 给 人 一 种 严 肃 整齐 之 感 ； 而 自 由 形 则 没 有 特 定 的 规 律 可 循 ， 是 根 据 版 面 视 觉 的 编 排 情 况 而 定 的 ， 版 面编 排 更 为 灵 活 ， 如 下 图 所 示 。 一、图片的动态编排二、肌理图片的应用第 三 节 图 片 、 图 形 的 编 排 技 巧三、一图多用和两次图的应用 一、图片的动态编排图 片 的 动 感 可 以 由 拍 摄 对 象 的 动 势 来 体 现 ， 还 可 以 通 过 将 图 片 倒 置 、 倾 斜 或 将 若干 图 片 按 照 一 定 的 路 径 编 排 等 方 法 ， 来 打 破 平 衡 以 增 强 动 感 ， 使 版 面 更 加 生 动 和 丰 富 ，如 下 图 所 示 。 二、肌理图片的应用肌 理 体 现 物 质 的 表 面 特 征 ， 使 人 产 生 触 觉 感 受 ， 凸 显 视 觉 质 感 ， 丰 富 视 觉 感 受 。合 理 地 将 肌 理 图 片 应 用 在 设 计 作 品 中 ， 能 丰 富 版 面 的 艺 术 表 现 力 ， 增 加 版 面 生 动 性 和趣 味 性 ， 如 下 图 所 示 。 三、一图多用和两次图的应用一 图 多 用 是 从 原 图 中 截 取 几 组 富 有 美 感 的 局 部 图 片 来 配 合 版 面 设 计 。 它 可 以 延 伸设 计 美 感 ， 使 版 式 布 局 更 为 协 调 ， 赋 予 版 式 新 的 意 义 ； 两 次 图 的 应 用 是 指 将 同 一 张 图片 ， 通 过 两 种 不 同 的 方 式 填 充 版 面 ， 能 给 人 新 颖 的 视 觉 美 感 ， 如 下 图 所 示 。 L/O/G/OThank You!