設計師日誌：網格、版式、結構、字型，從基層建立你的設計靈魂

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

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

　　但如何讓書更有趣、更好看、更直觀、更容易讓大家接受，這些問題一直困擾著我。公司新來的設計師小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
保羅• 雷內氏的單元劃分法 .......................