版面設計學

版面設計是什麼？

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

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

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

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

版面設計的任務是？

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

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

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

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

版面設計是什麼？

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

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

前述的家具配置與都市建設中，最重要的考量為「易於生活」。這...

版面設計是什麼？ 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

版面設計是什麼？ 004
版面設計的任務是？ 006
本書的使用方法 010

PART 1 可以活用的版面設計手法
LAYOUT 01對稱
利用對稱
創造出有格調
沉靜的氛圍 014

LAYOUT 02對比
以1對1的配置產生對比
利用對象之間的相乘效果
提高視覺的印象 018

LAYOUT 03白色空間
保留大面積的留白
醞釀出寬闊感與高尚感的
版面設計 022

LAYOUT 04跳耀率
提高跳躍率
版面設計中做出動感
賦予衝擊力 026

LAYOUT 05引導視線
引導觀看者視線
確實傳達
想要告知的資訊 030

LAYOUT 06焦點
賦予焦點
使觀看者視線停留
加上玩心...