版面設計是什麼？?? ?004

版面設計的任務是？?? ?006

本書的使用方法?? ?010



PART 1 可以活用的版面設計手法

LAYOUT 01對稱

利用對稱

創造出有格調

沉靜的氛圍?? ?014



LAYOUT 02對比

以1對1的配置產生對比

利用對象之間的相乘效果

提高視覺的印象?? ?018



LAYOUT 03白色空間

保留大面積的留白

醞釀出寬闊感與高尚感的

版面設計?? ?022



LAYOUT 04跳耀率

提高跳躍率

版面設計中做出動感

賦予衝擊力?? ?026



LAYOUT 05引導視線

引導觀看者視線

確實傳達

想要告知的資訊?? ?030



LAYOUT 06焦點

賦予焦點

使觀看者視線停留

加上玩心?? ?034



LAYOUT 07圖樣化

規則性的重複

藉由圖樣化

呈現整齊一致感?? ?038



LAYOUT 08單元化

版面設計單元化

整理資訊多的內容

呈現易於閱讀?? ?042



LAYOUT 09倒三角形

倒三角形配置

故意破壞平衡感

製造出緊張感?? ?046



LAYOUT 10格線系統

利用格線系統

將內容對齊輔助線

整理版面?? ?050



PART 2有助於營造氛圍的文字編排方法

LAYOUT 11直排

直排的文字組合

將有大量內容的讀物類文章

此構成才易於閱讀?? ?056



LAYOUT 12橫排

橫排的文字組合

論文等英數字多的內容

此構成才易於閱讀?? ?060



LAYOUT 13明體（宋體）

使用明體（宋體）

高雅且沉靜

賦予有格調的印象?? ?064



LAYOUT 14黑體

使用黑體

賦予強而有力

休閒的印象?? ?068



LAYOUT 15文字大小與行距

文字大小與行距的變化

不僅易於閱讀

亦能控制整體氛圍?? ?072



LAYOUT 16分欄

分欄的增減

調整觀看者閱讀時

感受到的速度感?? ?076



LAYOUT 17選擇字型

選擇字型•運用裝飾文字

打造版面的氛圍

提高想要傳達的意象?? ?080



LAYOUT 18文繞圖

利用文繞圖的方式

融合文字與視覺圖像

表現出一體感?? ?084



PART 3瞬間傳達成功的視覺圖像配置

LAYOUT 19出血裁切

照片出血裁切

將照片的世界觀

更加強而有力的展現?? ?090



LAYOUT 20照片去背

將照片去背

強調形狀

以表現動態與躍動感?? ?094



LAYOUT 21對齊•排列

對齊照片

對齊排列成

井然有序的版面?? ?098



LAYOUT 22規則性

賦予照片配置規則性

在版面上

感受到舒適的律動感?? ?102



LAYOUT 23錯開•傾斜

將照片錯開傾斜

使版面富有動感

感受到震撼力?? ?106



LAYOUT 24拼貼

使用拼貼的手法

組合各式各樣的素材

創造出嶄新視覺圖像?? ?110



LAYOUT 25材質素材

使用材質素材

賦予

擬似的各種質地?? ?114



LAYOUT 26以插畫為主

使用插畫作為主要元素

表現出與照片不同的

意象與世界觀?? ?118



LAYOUT 27以插畫做說明

運用插畫做補充

只有文章難以傳達時

以視覺性補充說明?? ?122



LAYOUT 28圖解•統計圖表•表格

搭配圖解•統計圖表•表格

使內容更易理解

瞬間傳達?? ?126



PART4?? 掌控印象的配色技巧?? ?

LAYOUT 29主色•副色

決定主色與副色

搭配意象

具平衡感的配色?? ?132



LAYOUT 30重點色

決定重點色

在單調氛圍的設計中

賦予變化?? ?136



LAYOUT 31關鍵色

決定關鍵色

有效地使用色彩意象

發揮到最大限度?? ?140



LAYOUT 32統一色調

統一色調

使用複數的色彩

呈現一致感?? ?144



LAYOUT 33黑白色調•單色調

黑白色調•單色調的效果

去除色彩

強調形狀與陰影?? ?148



LAYOUT 34男性化•女性化

組合色彩具有的印象

男性化、女性化

以配色來表現?? ?152



LAYOUT 35大地色系

使用大地色系

環保與天然感

以配色來表現?? ?156

序

　　

版面設計是什麼？

　　

　　所謂的版面設計，指的就是在某個空間上進行配置。覺得總是有點困難嗎？其實在你生活的周遭，就有很多接觸版面設計的情境。比如說，決定房子裡各空間中家具的擺放位置，也是一種編排；都市建設中決定市公所、商店、學校、住宅等區域布局，也是一種編排。

　　

　　本書將介紹如海報、傳單、手冊等，為了更加正確的傳達內容，而如何在版面設計上下功夫。印刷品的元素是文字情報以及照片、插圖、圖表之類的圖案，各有不同的性質，要如何處理，有必要好好的斟酌考量。

　　

　　前述的家具配置與都市建設中，最重要的考量為「易於生活」。這裡的「易」指的是方便容易的意思，此外，「易」也有「簡單」的意思。編排設計時，考量到這個「易」是最為重要的出發點。那麼，印刷品的版面設計最重要的「易」是什麼呢？答案就是「易於理解」。

　　

　　換句話說，將元素配置呈現使人容易了解這件事，即是優秀版面設計的條件也不言過。

　　

　　版面設計的任務是？

　　

　　版面設計不只是要讓內容淺顯易懂而已，還有更重要的任務。這任務會依據編排的內容或媒體、傳達的對象(目標客群)而有所不同。

　　

　　例如商品的廣告，目的要讓該商品更加廣為人知，提升銷售業績；電影或展覽的海報或傳單，要讓更多觀眾蒞臨捧場；雜誌則是要讓讀者能愉悅地獲取到有益的資訊，感到有趣的話會願意再度閱讀，各有各的重要任務。

　　

　　不論哪個的任務，都可說為了讓看到版面設計的人留下好的印象。因此，氛圍的展現和資訊的傳達方法都有必要花費心思。寧靜的氛圍、速度感、具衝擊性的表現等，有各式各樣的演繹手法。在這當中要尋找出最適當的展現，版面設計就非常重要了。

　　

　　仔細地考量目標傳達對象的狀況，目的是讓其能感到共鳴。利用文字的編排、照片的配置、配色等等所有方法，倘若能動搖憾動觀看者的心情，版面設計的任務就算達成了。