前言

書籍的發展走過了漫長的歷史，就裝幀來說，從中國的線裝本演變成西方的精裝本，就經過了上百年的時間。中國的傳統文化可以把萬卷書濃縮為很精簡的文字，因此線裝本容納了海量的資訊，而精裝本承載的訊息量就相對較少。但與中國傳統的線裝本相比，精裝本在包裝和結構上更加精美；書體較薄，攜帶更加方便；較大的字體，也使閱讀變得非常輕鬆。

隨著現代科技的發展，電子媒體的崛起，不停地衝擊著紙媒市場。在激烈的社會競爭中，人們也承受著前所未有的壓力，閱讀紙媒的時間越來越少。但從古至今，紙媒始終是我們生活中不可或缺的部分。真正的閱讀不應該只是透過網路去取得知識，它應該能夠陶冶人們的情操，讓人們的內心世界得到昇華和釋放，這才是閱讀的意義，同時也是紙媒的優勢。因此，我堅持要用書籍的形式來傳遞我的設計理念，讓更多的人學會並了解設計。

但如何讓書更有趣、更好看、更直觀、更容易讓大家接受，這些問題一直困擾著我。公司新來的設計師小A 啟發了我。某天，小A 過來向我請教：「南老師，什麼才是一個網格？我對每個畫面的節奏掌握得不是很好，你有什麼辦法可以幫我改進一下嗎？」為了對小A 進行一個系統的輔導，也為了將自己多年的設計心得與大家分享，我萌生了寫設計日記的想法，這就是寫作本書的緣起。

在書中，我以日記的形式，對設計進行了一個由淺入深、理論加實務案例分析的解說和展示。透過一些設計案例的對比，告訴大家怎樣得到更美的畫面和更好的效果。在設計本書的時候，我刻意採用了這樣一個小的開本。這種小開本書籍最早時興於日本，在繁忙的國際大都市，所有的上班族，包括這本書的閱讀對象—— 設計師們，都非常辛苦和忙碌，他們能用來閱讀的時間也許只有上下班的途中，或在休息室、茶水間這些地方，一本方便攜帶的小刊物滿足了他們的需求，讓他們在閱讀中找到自己需要的資訊和思想的共鳴。這本設計日記也是如此，很輕，很薄，方便會造成閱讀疲勞。它並不是一個大師的作品集，不需要花氣力努力翻開費心鑽研就能讓你走進設計的殿堂。

我假設了一個七天的時間週期，在這個週期裡，透過不同的手法，從傳統的設計理念出發，到我本人所經歷的一些設計案例，來和大家共同分享一些設計理念。期待著你會和我一起愛上設計，有更好的作品，這才是這本書最大的價值。

前言

書籍的發展走過了漫長的歷史，就裝幀來說，從中國的線裝本演變成西方的精裝本，就經過了上百年的時間。中國的傳統文化可以把萬卷書濃縮為很精簡的文字，因此線裝本容納了海量的資訊，而精裝本承載的訊息量就相對較少。但與中國傳統的線裝本相比，精裝本在包裝和結構上更加精美；書體較薄，攜帶更加方便；較大的字體，也使閱讀變得非常輕鬆。

隨著現代科技的發展，電子媒體的崛起，不停地衝擊著紙媒市場。在激烈的社會競爭中，人們也承受著前所未有的壓力，閱讀紙媒的時間越來越少。但從古至今，紙媒始終是我們生活中不可或缺的部分...

Chapter 1 The First Day
書籍設計類型 ..........................................008
版面中網格出現的原因 ..........................009
初識設計基礎 ..........................................010
正方形與黃金分割矩形的恒定比例 .......010
費氏數列及其衍生體系 ......................... 011
布令賀斯特氏的半音階體系 ..................012
自黃金分割衍生的科比意模矩體系 .......012
維拉爾• 德• 奧涅庫爾氏的頁面規劃法 .014
保羅• 雷內氏的單元劃分法 ................016
依據度量單位規劃網格 ..........................017
Chapter 2 The Second Day
設計基礎的演變 ......................................020
現代派網格方式搭建論述 ......................022
現代網格的評價 ／局限性 ....................023
自由網格的多重適應性 ..........................024
小結 ..........................................................026
Chapter 3 The Third Day
編輯設計的基本原則 ..............................030
分欄的方法和作用 ..................................032
分欄的方式 ..............................................034
不同內容產生欄高的依據 ......................036
內文與行間距的數據化體現 ..................038
行間距、欄間距的數據化體現 ...............040
間距的認識 ..............................................042
標題文字間距要求 ..................................043
內文文字間距要求 ..................................043
數位間距的變化規則 ..............................044
間距對閱讀的影響 ..................................045
字元間距與空白面積的關係 ..................046
文字組合產生的體積 ..............................047
構成在文字組合中的關係 ......................048
點構成的應用 ..........................................050
線構成的應用 ..........................................051
面構成的應用 ..........................................052
內文對齊方式與應用種類 ......................054
Chapter 4 The Fourth Day
溝通 ／資料整理 ／分析 ／產生架構與執行…058
設計結構草圖配置表 ..............................060
設計稿階段 ..............................................062
目錄資訊 ..................................................064
頁碼 ..........................................................066
設計規範 ..................................................068
字體規範 ..................................................068
字型大小規範 ..........................................069
間距規範 ..................................................069
Chapter 5 The Fifth Day
現代派網格的實現 ..................................072
設計元素的拆解 ......................................073
設計元素的組合 ......................................073
案例展示1 .................................................074
案例展示2 .................................................078
案例展示3 .................................................080
案例展示4 .................................................082
案例展示5 .................................................084
設計案例展示 ..........................................086
設計框架展示 ..........................................087
目 ／版權頁字體規範 ............................088
內文中文 ／英文字體規範 ....................089
頁眉 ／內文文字規範 ............................090
文字圖形間距規範 ..................................091
網格展示1 ................................................092
網格展示2 .................................................094
色彩範例 ..................................................096
Chapter 6 The Sixth Day
案例色彩分析 ......................................... 110
設計元素的拆解 ..................................... 111
案例展示1 ................................................ 112
設計案例的快速變化1 ..............................120
設計案例的快速變化2 ..............................122
設計範例1 ／輔助線劃分網格 ..............124
設計範例2 ／輔助線劃分網格 ..............126
設計範例3 ／輔助線劃分網格 ..............128
設計範例4 ／輔助線劃分網格 ..............130
案例展示2 .................................................140
設計元素的拆解1 .....................................141
設計元素的拆解2 .....................................142
設計元素的拆解3 .....................................143
設計元素的拆解4 .....................................144
設計元素的拆解5 .....................................145
案例展示3 .................................................146
設計元素的拆解1 .....................................148
設計元素的拆解2 .....................................162
設計元素分析1 .........................................168
設計元素分析2 .........................................169
設計範例 ／文字為主的畫冊1 ................170
設計範例 ／文字為主的畫冊2 ................172
資料化圖表的表現種類 ..........................174
餅狀圖資訊拆解方式 ..............................174
柱狀圖資訊拆解方式 ..............................178
曲線圖資訊拆解方式 ..............................182
表格資訊拆解方式 ..................................186
範式圖 ......................................................190
映射圖 ......................................................191
樹狀圖 ......................................................192
線路圖 ......................................................193
Chapter 7 The Seventh Day
印刷步驟 ..................................................196
印刷 ..........................................................198
裝訂方式 ..................................................200

Chapter 1 The First Day
書籍設計類型 ..........................................008
版面中網格出現的原因 ..........................009
初識設計基礎 ..........................................010
正方形與黃金分割矩形的恒定比例 .......010
費氏數列及其衍生體系 ......................... 011
布令賀斯特氏的半音階體系 ..................012
自黃金分割衍生的科比意模矩體系 .......012
維拉爾• 德• 奧涅庫爾氏的頁面規劃法 .014
保羅• 雷內氏的單元劃分法 ................016
依據度量單位規劃網格 ..........