會 產生 和諧 而 彼此 相應 的 頁緣 。 當然 其他 的 大小 以及 版心 結構 都 是 可能 的 ， 重要 的 是 頁面 上 所有 構造 元素 能 均衡 並置 。 左側 的 段落 寬度 與 紙張 寬度 的 比例 是 2:3 ， 所 產生 的 邊界 比例 是 2:3:4:6 。 這 個 版心 和 上 圖 有 同樣 的 交叉線 （ 橘色 邊線 ） ，版 寬 與 紙張 寬度比 卻 是 黃金 切割 比 5:8 ， 所 得 的 邊界 比例 接近 2:3:4:5 ， 然而 介於 之間 的 大小 也 是 可行 的 （ 藍色 邊線 ） 。 版面 網目 ／ 底線 網目 版面 網目 在 版 心 內 安排 頁面 結構 ， 將 版心 分成 格狀 區塊 。 版面 網目 的 意義 在於 以 清楚 的 文字 與 圖片 概念 ， 達到 流暢 完整 而 容易 掌握 的 頁面 流程 。 讀者 雖然 看 不 到 網目 ， 但 能 察覺到 這 個 規範 的 要素 ， 因而 在 視覺 上 被 它 引導 著 。 此外 ， 印刷品 的 製作 會 因為 版面 網目 而 輕鬆 不少 ， 絕大多數 的 設計 上 的 不確定性 ， 以及 編排 當中 不 清楚 的 位置 ， 會 因此 而 被 排除掉 。 在 格狀 的 版面 網目 中 會 再 加進 底線 網目 ， 它 定義 文字 的 立足點 。 版面 網目 與 底線 網目 是 互相 影響 的 網目 系統 ， 版面 網目 的 水平 界限 必須 和 底線 網目 重疊 ， 文字行 才 能 對準 水平 圖片 邊界 。 文字 與 圖片 就 是 這樣 對齊 的 。 ( 圖說 ) 圖片 與 文字 對齊 ， 也 就 是 水平 的 圖片 切割 邊 對準 字體 底線 。 所有 的 圖片 與 字體 要素 經由 版面 網目 而 排定 ， 並且 相互 配合 。 以 西式 書寫 而言 ， 版面 網目 的 單格 高度 相當於 特定 行數 。 最 小 的 網目 區塊 的 寬度 ， 等於 最 窄 的 文字欄 寬 。 藉著 網目 間隙 ， 網 目格 垂直 與 水平地 被 分開 ， 圖片 與 文字 的 欄位 才 不會 碰到 。 文字行 當然 能 超過 水平 的 網目 格線 。 根據 字體 大小 得出 理想 的 欄位 寬度 ， 是 最 重要 的 排版 工作 之 一 。 文字 欄位 太 寬 會 使 眼睛 疲累 ， 阻礙 順暢 的 閱讀 。 依照 經驗 ， 每 一 行 七 至 十 個 字 是 最 容易 閱讀 的 （ 以 西方 文字 使用 而言 ， 中文 的 編排 通常 以 十 至 二十 個 字 是 較 適宜 閱讀 的 ） 。 安排 俐落 的 一 個 頁面 。 根據 對角 分割 掛上 版心 ， 然後 加上 五 個 欄位 的 版面 網目 。 大部分 的 設計 要素 在 版面 網目 之內 移動 ， 填滿 一 個 或 多 個 區塊 。 這 個 版面 顯示出 高 完成度 ， 即使 它 只 運用 了 少數 幾 個 不同 的 格式 。 然而 這 並 不 代表 我們 要 像 奴隸 般 ， 必定 要 遵照 版面 網目 。 幾 個 點 的 例外 情況 使 整 個 版面 顯得 活潑 。 分割 平面 請 你 練習 ， 在 一 個 特定 大小 的 白色 空間 裡 ， 分配 不同 大小 與 顏色 的 平面 ， 和 這些 平面 遊玩 ， 用 一 或 兩 個 概念 描述 你 的 安排 。 分配 形式 與 格式 ， 讓 它 以 特定 的 力量 關係 充滿 張力 地 對立 ， 這 種 感覺 是 沒有 任何 版面 網目 能夠 取走 的 。 呆板 地 照著 版面 網目 設計 雖然 一定 是 正確 的 ， 但是 只有 在 某些 情況 下 真的 適合 ， 或是 能 讓 人 眼睛 一 亮 。 那麼 就 請 先 和 你 的 版面 嬉戲 ， 然後 再 把 它 套進 版面 網目 的 框架 裡 。 ( 圖說 ) 沒有 排列 ： 這裡 沒有 可 辨認 的 設計 概念 ， 對 一 個 要 有 說服力 的 版面 配置 而言 是 比較 不 適合 的 。 相互 排列 ： 兩 對 以及 單獨 一 塊 ， 可 說 是 有點 秩序 。 根據 大小 排列 ： 這 個 安排 在 大部分 的 情況 下 顯得 呆板 、 無聊 而且 沒有 張力 。 不 適合 精彩 的 版面 配置 。 分類 而 交錯 ： 形成 一 對 顏色 配對 ， 一 對 具有 類似 的 形狀 ， 以及 孤零零 的 一 個 。 對 圖片 而 言 不 適合 ， 但是 可以 聚合 設計 元素 。 前後 重疊 ： 這 種 排列 產生 透視感 ， 頗 適合 用來 將 內容 按照 時間 先後 呈現 。 向 左 疊 起 ： 這 會 倒下來 的 ， 很 能夠 製造 不安 與 專注 。 根據 平面 與 重量 安排 ： 這 個 配置 產生 均衡感 。 平衡 ： 平面 沉靜 而 晃動 的 分配 。 適合 用 在 快捷 而 自由 設計 的 版面 配置 ， 放棄 費時 的 網目 置放 。 靜態 ： 結實 、 穩固 的 解決 方式 ， 賦予 穩定性 ， 而 不會 削減 設計 元素 的 空間 與 效果 。 兩 個 雙 頁 ， 它們 的 圖片 分布 首先 是 自由 平衡 ， 然後 放到 網目 上 。 圖片 大小 與 配置 所 根據 的 是 一 個 非常 簡單 的 原則 ： 因為 手 邊 的 圖片 素材 只 是 中等 品質 ， 比較 好 的 圖片 佔 比較 大 的 版面 ， 比較 不 好 的 就 比較 小 。 於是 圖片 均衡 地 分配 在 文字 版面 上方 。 這裡 的 圖片 大小 也 是 根據 圖片 品質 決定 的 ， 先 自由 搭配 ， 版面 網目 則 在 事 後 接手 視覺 區隔 的 效果 。 這 一 頁 ── 就 我 的 看法 ── 是 相當 成功 的 ， 也 是 個 例證 ， 如何 將 可能 不 受 歡迎 的 主題 ， 藉著 良好 的 設計 適當 地 加以 呈現 。 這 個 低 預算 設計 的 要求 在於 ， 用 一些 不 十分 專業 的 照片 ， 參雜 業餘 者 拍攝 的 照片 ， 而 要 讓 它們 看起來 如出一轍 。 技巧 ： 所有 的 照片 都 被 轉成 黑白 的 ， 接著 覆上 強有力 的 灰藍色 ， 如此 達到 視覺 上 的 一致 。 划算 的 副作用 ： 整個 手冊 可以 只 用 雙色 印刷 ， 字體 的 黑色 ， 以及 圖片 用 的 黑色 和 藍色 特別色 。 其中 左側 對齊 的 句子 堪稱 典範 ： 單一 字行通篇 都 呈 長 － 短行 。 製造 張力 緊湊 的 區塊 配置 ， 也 可以 藉著 打破 尋常 模式 而 達成 。 請 試 著 將 下列 這些 間隙 ， 套到 你 的 版面 設計 上 。 ( 圖說 ) 缺 了 一 塊 ： 打破 視覺 慣性 可以 製造 張力 ， 我們 於是 在 看 著 終究 出現 的 東西 的 時候 會 稍作 停留 。 有 一 塊 跑出來 ： 將 單一 的 元素 從 （ 視覺 ） 習慣 的 關連 解放出來 ， 能 因此 吸引 額外 的 注意力 ， 投注 在 你 的 訊息 、 產品 和 廣告 上 。 一 塊 掉 了 出來 ， 另外 兩 塊 似乎 要 掉 了 ： 表面 上 的 靜止物 也 能 產生 動作 與 動能 。 整體 的 一