編排設計最重要的,就是讓讀者「好讀」!
無論版面看起來多漂亮,如果讓讀者看不下去,決不能稱之為好設計,對寫文章的作者更是失禮!好的設計不只讓讀者幾乎忘了設計的存在,更可以全神貫注於文章所描述的世界。
本書站在初學者的角度,針對版面的設計,以及相關的行距、字距、留白、欄位、標題、書眉、折口……許多排版的細節設定一一舉例,教學指導訣竅,讓初學者的你也能成為Good Designer!
【全書蒐羅有關「書籍&雜誌」編排設定相關細節】
◎專業的編輯設計用語集,讓你快速溝通掌握重點!
◎不同的字體視覺效果也不同,因此什麼設計該用什麼字體讓你一點就通!
◎書籍&雜誌的閱讀習慣不一樣,因此行距與行長的黃金比例也有所不同。
◎有技巧的調整字距和字距,讓你的頁面閱讀起來更順暢。
◎欄位設定得好,字多的內容閱讀起來也可以很輕鬆。
◎掌握好說明文、註解的置入小技巧,讓你的版面設計專業又清爽。
◎不同類型的書籍,目錄的排版、設計也有許多不同的呈現方式喔!
◎常見的書籍失敗案例說明,讓你避開錯誤的設定與頁面規畫!
◎雜誌封面和Logo的設計呈現,選圖、配色、字體……的搭配處處都是學問!
◎留白是一門藝術,設置適當的留白,讓你的版面更有設計感!
◎記清楚書的構造和各部分名稱,就能和美編、文編、上司、後端作業人員順利溝通!
◎錯誤雜誌的排版方式實例說明,讓你版面的圖文搭配更動人!
◎書籍中白邊的設定,決定你版面設計的質感、是否好閱讀等呈現。
◎當文中有中文字、英文字和數字同時出現時,字型的設定細節注意好,也能順暢閱讀。
作者簡介:
松田行正
1948年生於靜岡縣。松田設計工作室的負責人。
以「simple(單純)&complex(複雜)」為座右銘,從事書籍裝訂和雜誌編輯設計、書籍執筆、編輯等工作。1985年創立牛若丸出版社。以獨特的視角挖掘設定好的主題,追求能成就藝術品的製書設計。同時身為多摩美術大學造型表現學部設計學科的非常任講師。
作者序
前言
編輯設計最重要的,就是「好讀」。無論版面看起來多漂亮,如果讓讀者看不下去,決不能稱之為好設計。且對寫文章的作者更是失禮。好的設計應該要讓讀者幾乎忘了設計的存在,全神貫注於文章所描述的世界。我認為這樣的設計,才是最理想的。
和強調形象的廣告文宣不同,編輯這項工作在考慮形象前,有一套須先注重的規則和系統。本書要介紹的就是所謂編輯設計的基礎知識。不只有方法論的解說,也收錄各種排版圖例和版面格式,尺寸和文字的大小等都有標明具體的數字,讓讀者可以輕易「模仿」。
據說「模仿」和「學習」語源相同,模仿其實就是一種學習。為什麼這麼說呢,因為我們在模仿的同時,頭腦會去理解為什麼某種設計比較好,然後加入自己的觀點,讓我們能作出非單純複製的「相似」作品。我自己在初入行時,也很徹底地模仿我尊敬的前輩們的設計,當時的經驗也成為了我現在的基石。
為了不讓模仿淪為單純的複製,最重要的是平常就必須以「設計師的眼光」來看待周遭的事物。而且是看「實物」。由於現在用手機或電腦很容易就能得到資訊,有很多人光看螢幕畫面就覺得足夠了,但這樣並不算是「看」。
例如榮.穆克(Ron Mueck)的雕像作品,從畫面上看就只是一個精巧的人像而已。但若親眼看到實體,一定會震懾於那壓迫感甚鉅的規模、近乎完美的真實質感,以及精緻細節。如果再用設計師的眼光來看,想必會產生這些疑問:為什麼作者要製作這麼龐大的人物雕像?是怎麼決定要作成這個大小的?等等。而在知道這個尺寸其實是剛出生的嬰兒所感覺到的大人大小後,對於作品的看法應該也會有所改變。
諸如此類的事情經常發生在我們的日常生活中,只是端看有沒有注意到,或是對於眼前正在發生的事物變化,有沒有興趣罷了。光隨隨便便地看過去,是無法體會背後的知識和感動的。養成隨時以設計師眼光看待事物的習慣,將感受儲藏在心中,然後在必要的時刻發揮出來。單純複製和作出「相仿」的感覺,差別的關鍵就在這裡。
編輯設計這份工作,最大的魅力在於能夠親眼看到自己經手的作品實體化。拿到書的人可以長久精心保存,對製作者來說是最開心不過的事。如果這條路是你未來的志向,就從基礎開始好好學起,努力鑽研到你覺得「真有趣!」為止。身為一個愛書人,我誠心期待未來的市場上,能出現更多令人不自覺想伸手翻閱的好書。
前言
編輯設計最重要的,就是「好讀」。無論版面看起來多漂亮,如果讓讀者看不下去,決不能稱之為好設計。且對寫文章的作者更是失禮。好的設計應該要讓讀者幾乎忘了設計的存在,全神貫注於文章所描述的世界。我認為這樣的設計,才是最理想的。
和強調形象的廣告文宣不同,編輯這項工作在考慮形象前,有一套須先注重的規則和系統。本書要介紹的就是所謂編輯設計的基礎知識。不只有方法論的解說,也收錄各種排版圖例和版面格式,尺寸和文字的大小等都有標明具體的數字,讓讀者可以輕易「模仿」。
據說「模仿」和「學習」語源相同,模仿其...
目錄
CHAPTER1 一定要記住的設計規則
哪一種比較好讀?……014-015
排版,只要模仿就能輕鬆上手的3大重點……016
編輯設計用語集……017
能明確傳達旨趣的排版……018-019
掌握整體的架構……020-021
Q和點的差異……022-023
不同的字體表現不同的視覺效果……024-025
行距與行長的黃金比例……026-27
字距和字距調整……028-029
[column]松田工作室 Works❶……030
CHAPTER2 書籍設計排版
書籍設計,只要模仿就能輕鬆上手的祕訣……032-033
先決定級數……034-035
白邊是以公釐為單位,還是其他?……036-037
測量字級來制定版面格式……038-039
計算版面格式……040-041
編排小標……042-043
計算字數……044-045
設定欄位……046-047
開始編排正文……048-049
日歐混排……050-051
讓排版更加漂亮的技巧……052-053
說明文、註解的置入方法……054-055
關於正文中的括號()……056-057
邊欄的置入方法……058-059
引文的置入方法……060-061
目錄的排版……062-063
章節頁的排版……064-065
索引的排版……066-067
版權頁的排版……068-069
設計書衣……070-071
常見的失敗案例……072-073
[column]書的構造和各部分名稱……074-075
[column]書籍的規格……076-077
[column]松田工作室 Works❷……078-080
CHAPTER3 雜誌設計 初級篇
文章數多的雜誌,
只要模仿就能輕鬆上手的祕訣……082-083
文藝雜誌《心》案例學習……084-085
A5開的基本版式……086-087
製作基本版式……090-091
製作一欄式版式……092-093
製作兩欄式版式……094-095
製作三欄式版式……096-097
製作目錄……096-097
製作附頁……098-099
製作封面和Logo……100-101
避免這種排版!……102-103
[column]松田工作室 Works❸……104
CHAPTER4 雜誌設計 中級篇
圖檔數多的雜誌設計,
只要模仿就能輕鬆上手的祕訣……106-107
室內設計雜誌《CONFORT》案例學習……108-109
雜誌的基本版式……110-111
製作五欄式版式……112-113
製作四欄靠上對齊版式……114-115
製作四欄靠下對齊版式……116-117
製作三欄式版式……118-119
製作資訊頁……120-121
排版的要素……122-123
設置留白……124-125
用照片構成版面……126-127
編排滿版照片……128-129
[column]目錄的變遷……130-131
[column]邊欄的時代變化……132-133
[column]資訊頁的變遷……134-135
[column]Logo的變遷……136-137
[column]松田工作室 Works❹……138-140
CHAPTER5 實作 高級篇
雜誌排版(高級篇・實作❶)……142-143
雜誌排版(高級篇・實作❷)……144-145
雜誌排版(高級篇・實作❸)……146-147
雜誌排版(高級篇・實作❹)……148-149
雜誌排版(高級篇・實作❺)……150-151
[column]松田工作室 Works❺……152-153
藝術的萌芽,設計的啟蒙……154-157
CHAPTER1 一定要記住的設計規則
哪一種比較好讀?……014-015
排版,只要模仿就能輕鬆上手的3大重點……016
編輯設計用語集……017
能明確傳達旨趣的排版……018-019
掌握整體的架構……020-021
Q和點的差異……022-023
不同的字體表現不同的視覺效果……024-025
行距與行長的黃金比例……026-27
字距和字距調整……028-029
[column]松田工作室 Works❶……030
CHAPTER2 書籍設計排版
書籍設計,只要模仿就能輕鬆上手的祕訣……032-033
先決定級數……034-035
白邊是以公釐為單位,還是其他?……036-037
測量字級來制...