內容簡介
目錄
作者介紹/推薦
試閱
內容簡介

別再套用國外書刊的編排設計!
  擁有量身訂做的版面設計思維,才能引領觀眾看穿作品背後的靈魂
  回歸設計的初衷,認識版面編排的基本規則
  你也能夠重新定義版面設計的各式場景!

  ●回歸設計初衷的版面設計工具書
  市面充斥了大量且多樣的編排教學工具書,但摒除了其中所提供的「版面編排案例」與「軟體操作教學」,很難去發現像《基本的基本》一般,從基本觀念引導讀者思考「版面設計」這件事情的書籍。本書概分五章,透過觀察,引導讀者思考,接下來才進入字型選用、圖文整合、表格與配色等應用知識的介紹。

  ●平易近人的圖文範例
  本書聚焦在編排設計的基本觀念與技巧,沒有生硬艱澀的軟體操作步驟與抽象理論,作者透過平實簡單的文字,和讀者分享其多年歷練的設計經驗。某些在版面設計的過程中,實際會遭遇到的限制與疑問,本書也使用了「以圖代文」的方法,清楚明晰地傳達給讀者,如何合宜地選擇設計過程中的正確判斷。

  ●看破各類版面設計的內行眉角
  本書有系統地,針對「字型」、「圖文整合」、「地圖」、「各式表格」以及「配色運用」等面向,分別進行應用說明。讀者可以參考其示範,並因應實際編排的需要,將這些基本規則應用在書籍編排、海報設計、廣告傳單等不同類型的編排設計。

目錄

CHAPTER 0  觀察排版

CHAPTER 1  思考整體結構
 1. 視覺動線
 2. 優先順序
 3. 分割版面
 4. 繪製草圖
 5. 使用輔助線
 6. 跨頁編排的方式
 7. 與印刷有關的限制

CHAPTER 2  關於字體
 1. 意識文字的表現
 2. 內文字體的選擇方式
 3. 各式各樣的字體
 4. 歐文字體的選擇方式
 5. 各式各樣的歐文字體
 6. 內文字體的大小
 7. 關於行距與每行字數
 8. 欄位的思考方式
 9. 字距與字距調整
 10. 日文與歐文混排
 11. 標點符號的處理
 12. 標題的字體與大小
 13. 文字加工處理
 14. 副標題與段落標題的規則
 15. 文章區組合的動線
 16. 頁碼與書眉

CHAPTER 3  照片或插圖
 1. 配置照片或插圖
 2. 多張圖片的意義
 3. 多張圖片的處理方式
 4. 照片的裁切與切片
 5. 圖片與文字
 6. 照片的修飾與加工
 7. 資料解析度與其他

CHAPTER 4  圖表、地圖、表格、曲線圖
 1. 什麼是簡易明瞭的插圖
 2. 繪製地圖
 3. 製作表格
 4. 製作曲線圖

CHAPTER 5  色彩的選擇方式與配色
 1. 色彩的種類
 2. 關於印刷色彩
 3. 色彩的象徵性
 4. 色彩的組合
 5. 底色與文字的顏色
 6. 照片或插圖與文字顏色的關係
 7. 掌握多色彩的搭配

後記

作者介紹/推薦

佐藤直樹+ASYL

  生於1961年。北海道教育大學畢業後,於信州大學進修教育社會學與語言社會學。於菊畑茂久馬繪畫教場的美術學校修業完成。曾從事身體勞動和編輯等各種工作,1988年進入翔泳社開始從事設計。1994年值「WIRED」日本版創刊時任藝術總監。歷職創意總監,之後獨立並創設アジール・デザイン(ASYL Design,現ASYL)。2003年組織了「TDB-CE(Tokyo Design Block-Central East)」舉辦建築.設計.藝術等複合式聚會,並於2004~2010年任職「CET(Central East Tokyo)」製作人。2009年參與設立「3331 Arts Chiyoda」美術中心,現任設計總監。多摩美術大學副教授(造形表現學部設計學科)。在日本國內外得獎多次。www.asyl.co.jp/

試閱

視覺動線

版面編排時最重要的是「視覺動線」。一般人在觀看東西時,視線的移動軌跡為何?如何把視覺動線應用在排版上呢?

 

作品想傳達的訊息是什麼?

 

首先,看看下方的版面設計。作品想傳達什麼資訊?排放在中央的幾個大字「繪與美與像與術」最醒目,再來是右側的「美術學校」。這下卻跳到畫面左邊的「諮詢請洽」。你覺得這是個容易理解的編排嗎?
再世故的人也很難奉承地說它「真是無懈可擊,一看就懂!」吧。

人們在觀看事物時,會先在腦子裡構建粗略的理解。「這張圖是做什麼用?」等到有一定程度的猜想後,會從特定資訊(時間?地點?)開始,依序被引導到更詳細的訴求內容。就右圖的排版而言,實在讓人難以理解其訴求為何。問題出在哪裡?原因無二,正是因為該版面設計完全沒有考量到「視覺動線」。

視覺動線的編排原則

 

首先來說明「視覺動線」編排時的大原則。


橫式書寫編排時,動線由左上向右下移動;直式書寫編排時,由右上向左下移動;直書與橫書並存時,可擇一做為基準。以上是「視覺動線」編排的3 大原則。
橫書編排時,冊子的裝訂為「封面左翻」。因此當讀者翻閱頁面時,一開始視覺會先聚焦在左上方,然後由左上向右下移動閱讀。

直書編排時,冊子的裝訂為「封面右翻」。小說等以中文為主體的文章,基本上是由右上向左下移動閱讀。報紙的話,雖然欄位分割得很細,但整體而言,動線仍是「右上向左下」。

分割版面

版面編排是利用線把版面填滿。先決定好填入版面要素的優先順序,接著考量它們的排放位置。本章節介紹分割版面的方式。

 

決定好每個要素的位置

 

 

假設有「標題」、「主視覺」(以及圖片說明)、「內文」等3 大要素,如何才能適宜地把這些要素編排在版
面上呢?第22 頁裡提到「線」的聚合構成了「面」 ,指的就是把收納各個要素的「空間」在版面上做排放。
依這些要素的數量將版面做分割時,即可看出各要素的大小和位置關係。從本頁到第31 頁為止,介紹
各種3 ∼ 6 切分的分割方式;在實際編排時可以想想,使用哪種分割方式才能呈現出好的排版效果。