最基礎的版型理論
美國學平面設計，從讀這本開始

好設計，背後都有強大的「基礎原則」
清楚解釋網格的過去與未來

英國超級設計書作者，逾四十本著作中最暢銷書目
美國平面設計院校愛用基礎教科書
不只是網格，更學會如何放圖、抓節奏、掌握視覺之鑰

做完版面練習題，讓你功力大增！
不能只是模仿，你需要知其所以然
基礎法則+實務練習的扎實演練

▌沒搞懂，永遠做不出好設計，本書將教你

‧你的平面設計讓人眼神渙散？〉〉〉本書教你人們的「視覺熱點」落在何處
‧版面上字體太多，難以協調？〉〉〉利用弗魯提格表的「數值」精確選取字體
‧你的版面被網格綑綁了嗎？〉〉〉打破網格前，先將古今經典網格重學一遍
‧版面很好，但就是缺乏特色？〉〉〉其實排版也可以創造「敘事」
‧翻書也能翻出節奏感？〉〉〉模仿樂譜節奏的版面步調
‧是什麼鎖定了你的視線？〉〉〉原來「圓圈」是視覺上最有力的幾何圖形
‧書籍版面如何設計？〉〉〉先來了解各國的書籍尺寸換算吧
‧如何呈現多重資訊與表格？〉〉〉利用排列的「方向」，資訊與表格讀起來也能很有趣
‧不想水平或垂直呈現文字或圖像？〉〉〉「特殊角度」的排列方式，也有通則
‧文字與圖像互相搶戲？〉〉〉版面元素間的「階層關係」，所有細節一次學

大部分的書，只教你如何模仿版型，但這一本卻解釋好設計，背後運用了哪些強大的「基礎原則」。逾300張圖片，集合全球古今的領先排版範例，提供最基礎的理論系統及應用。為什麼大家會對某個版面有反應，對另一個版面卻沒感覺？為什麼這個字體比另一個更合適？本書要談的是引導排版的整體原則，和這些原則的形成背景，並將設計中需要精確的數字計算，具體圖解，一看就懂。

▌帶你學會平面設計中必懂的數學題

‧算出黃金分割「8：13」的古典視覺平衡
‧突破黃金分割：范‧德‧格拉夫9 × 9網格
‧柯比意模矩：以人體的各部位尺度，度量出的和諧網格
‧畫面的三等分原則：尋找人們的「視覺熱點」
‧利用「根號矩形」算出你的頁面尺寸
‧利用網格算出精確的字體大小跟行距
‧非水平置放的文字或圖像，「角度」如何計算
‧利用「弗魯提格表」找出最適配字體的「數值」

▌徹底搞懂！讓我們重新學習網格

網格是版面設計的基本，也是最重要的骨架；但網格到底是為你的設計帶來活力與指引，還是為你的設計加諸重重限制？

從經典黃金分割、范‧德‧格拉夫網格、到近代Jan Tschichold重新詮釋的黃金分割、柯比意模矩、以及Karl Gerstner的多欄網格，從古典網格的「幾何方法」到現代網格的「線性測量」。現代網格的測量方法擁有前所未有的精確度與理性，而古典網格的幾何方法，也能為你的版面帶來啟發，在一片理性計算的網格中閃現靈光。

▌每個名作，背後都有強大的「基礎原則」

從畫作《戴珍珠耳環的少女》學「視覺熱點」、從英國唱片公司EMI總部「Old Vinyl Factory」學「基本幾何圖案」的方法學運用、再到《一九八四》的新版封面學「單一色塊」的巔覆使用、以及從安藤忠雄建築事務所的型錄看到「留白」的力量。

本書收錄古典大師以及現代重要設計師的平面設計典範，領域橫跨古典畫作、建築設計、環境識別、書籍封面、內頁設計、海報設計、型錄設計、展覽陳列、食品標籤、產品包裝、螢幕介面設計。

加文．安布羅斯 Gavin Ambrose

平面設計師及設計教育家，合作客戶包括：藝術單位、畫廊、出版社及廣告公司。
目前任教於英國布萊頓大學（University of Brighton），為設計科系學生和專業人員，著有40本以上倍受推崇的書籍，包括《製作出版手冊》（The Production Manual）、《視覺傳達的設計思維》（Design Thinking for Visual Communication）、《設計天才》（Design Genius）、《平面設計的基本》（Basics Graphic Design）以及《平面設計圖解辭典》（The Visual Dictionary of Graphic Design）。本書為其中最經典且暢銷之書目。

保羅．哈里斯 Paul Harris
畢業於London College of Communication，自由作家兼編輯，作品廣泛刊載於歐美雜誌和期刊。擔任無數設計相關書籍的共同作者及合作者，與Gavin Ambrose合著一系列基礎設計專書。


莊雅晴
台北人，紐約客，花卉館畢業生，莎慕瓦老朋友，文字與手作迷，土撥鼠觀察家，自由譯者。

Introduction│前言

Chapter 1│Historical Context 歷史背景
歷史背景 Historical Context
數值與比例 Numbers and Proportion
黃金分割 The Golden Section
范‧德‧格拉夫準則 The Van de Graaf Canon
維拉爾‧德‧歐內庫爾圖形 Villard de Honnecourt's Diagram
費波那契數 Fibonacci Numbers
從優數 Preferred Numbers
特殊數字 Special Numbers
柯比意 Le Corbusier

Chapter 2│Basic Principles and 'Rules
敘事：閱讀內容 Narrative – What We Read
閱讀頁面的方式 How We Read a Page
節奏 Pace
圖案與造型 Pattern and Form
頁面上的形狀 Shapes on a Page
點與圈 Dots and Circles
線條 Lines
平衡 Balance
相對與絕對測量 Relative and Absolute Measurements
動態矩形 Dynamic Rectangles
比例 Proportion
國際標準化組織 ISO
書本尺寸 Book Sizes

Chapter 3│Grids and Formations 網格與構形 網格與構形
網格的構造 Anatomy of a Grid
螢幕上的網格 The Screen-based Grid
網格 The Grid
欄 Columns
書溝與欄間 Gutters and Alleys
場區或模組 Fields or Modules
基線網格 The Baseline Grid
動態元素 Dynamic Elements
多欄網格 Multi-column Grids
方向 Orientation
角度 Angles
橫列 Broadside
強調 Emphasis

Chapter 4│Objects on a page 頁面上的物件
頁面上的物件 Objects on a page
版面設計詞彙 The Vocabulary of Layout Design
煉金術還是研究應用？ Alchemy or Studied Application?
並置 Juxtaposition
字體排印 Typography
行距與字型 Leading and Fonts
斷字與對齊 Hyphenation and Justification
對齊 Alignment
內縮 Indentation
階層 Hierarchy
行寬 Measure
層次 Layers
留白 White Space
質地與排字色調 Texture and Typographic Color
襯邊 Passepartout

Chapter 5│Interviews 訪談
鮑伯‧奧福第許 Bob Aufuldish
奧福第許與瓦利納 Aufuldish & Warinner
安妮特‧史達默 Annette Stahmer
飛行粒子 fliegende Teilchen
南西‧斯科勒斯與湯瑪斯‧威代爾 Nancy Skolos and Thomas Wedell
斯科勒斯-威代爾 Skolos-Wedell
彼得‧道森 Peter Dawson
層級設計Grade Design
麥可‧沃辛頓 Michael Worthington更真？感實性時代的藝術╱More Real? Art in the Age of Truthiness
大衛‧皮爾森 David Pearson╱字體圖像Type as Image

Chapter 6│Exercise 練習
練習一：范‧德‧格拉夫網格 The Van de Graaf Grid
練習二：海報設計 Poster Design
練習三：編輯複雜性 Editorial Complexity
練習四：動作排版 Action Layout
練習五：平面國 Flatland
練習六：視覺敘事與記敘形式 Visual Storytelling and Narrative Form
練習七：6×6協作式活版印刷專題6×6Collaborative Letterpress Project

Index│索引
Acknowledgements│誌謝