設(shè)計(jì)師一定要懂的版式設(shè)計(jì)原理

CONTENTS

什么是版式設(shè)計(jì)？ ..............004

版式設(shè)計(jì)的任務(wù)是什么？ .............006

本書(shū)導(dǎo)讀 .................010

PART 1

實(shí)用的版式設(shè)計(jì)手法 ............................013

LAYOUT 01　對(duì)稱

利用對(duì)稱手法

打造雅致

安靜的氛圍 .............................................. 014

LAYOUT 02　對(duì)比

以同等性的編排方式產(chǎn)生對(duì)比

利用對(duì)象之間的乘數(shù)效應(yīng)

加深視覺(jué)印象 ...........................................018

LAYOUT 03　留白

大面積留白

在版式中營(yíng)造出

舒適感和高端感 ...................................... 022

LAYOUT 04　跳躍率

提高跳躍率

為版式設(shè)計(jì)制造動(dòng)感

賦予其沖擊力 .......................................... 026

LAYOUT 05　引導(dǎo)視線

引導(dǎo)讀者的視線

將要告知的信息

準(zhǔn)確地傳達(dá)出去 ......................................030

LAYOUT 06　焦點(diǎn)

在版面中添加焦點(diǎn)

留住讀者的目光

增加閑適的心情 ......................................034

LAYOUT 07　重復(fù)

有規(guī)律地重復(fù)

通過(guò)重復(fù)

營(yíng)造統(tǒng)一感 .............................................. 038

LAYOUT 08　單元化

版式設(shè)計(jì)單元化

整理信息量較大的內(nèi)容

使其更易于被讀者理解 .........................042

LAYOUT 09　倒三角形

倒三角形版式設(shè)計(jì)

故意打破平衡

制造版面的緊張感 ..................................046

LAYOUT 10　網(wǎng)格系統(tǒng)

使用網(wǎng)格系統(tǒng)

將內(nèi)容對(duì)齊參考線

以此來(lái)整理版面 ......................................050

PART 2

有助于營(yíng)造氛圍的文字編排方法 ...... 055

LAYOUT 11　直排

文字編排方式—直排

將含有大量文字的內(nèi)容

編排得易于閱讀 ......................................056

LAYOUT 12　橫排

文字編排方式—橫排

將含有英語(yǔ)及數(shù)字的內(nèi)容

編排得便于閱讀 ......................................060

LAYOUT 13　宋體

使用宋體（MS Mincho）

給人以嫻靜

優(yōu)雅的印象 ..............................................064

LAYOUT 14　黑體

使用黑體（Gothic）

給人以強(qiáng)勁而

休閑的印象 ..............................................068

LAYOUT 15　字號(hào)和行距

調(diào)節(jié)字號(hào)和行距

不僅可提高易讀性

還可調(diào)節(jié)版面整體的氛圍 ......................072

LAYOUT 16　分欄

利用分欄的加減

調(diào)整文本

使閱讀更加輕松 .......................................076

LAYOUT 17　選擇字體

選擇字體和裝飾文字

營(yíng)造版式設(shè)計(jì)的氛圍

強(qiáng)化要傳達(dá)的印象 ..................................080

LAYOUT 18　文本繞排

利用文本繞排

體現(xiàn)文本與圖片

整體感的方式 ..........................................084

PART 3

能瞬間傳達(dá)信息的圖像的編排方法...089

LAYOUT 19　出血裁切

出血裁切照片

強(qiáng)有力地展現(xiàn)

照片的景觀 ..............................................090

LAYOUT 20　去背

照片去背

通過(guò)強(qiáng)調(diào)形狀

制造動(dòng)態(tài)及動(dòng)感 ......................................094

LAYOUT 21　對(duì)齊·并列

將照片對(duì)齊

打造流暢

規(guī)整的版式 ..............................................098

LAYOUT 22　規(guī)律性

有規(guī)律地編排照片

讓讀者從版面中

感受到舒適的韻律感 ...............................102

LAYOUT 23　錯(cuò)位·傾斜

照片的錯(cuò)位、傾斜排列

賦予版式設(shè)計(jì)

動(dòng)感與沖擊力 ...........................................106

LAYOUT 24　拼貼

使用拼貼手法

將各種素材拼貼在一起

營(yíng)造嶄新的視覺(jué)效果 ............................... 110

LAYOUT 25　紋理

使用紋理

為版面

模擬質(zhì)感 ....................................................114

LAYOUT 26　插畫為主元素

以插畫作為主要元素

營(yíng)造與照片

截然不同的畫面 .......................................118

LAYOUT 27　用插畫補(bǔ)充說(shuō)明

采用插畫作為補(bǔ)充

對(duì)難以靠文章傳達(dá)的信息

加以視覺(jué)性說(shuō)明 .......................................122

LAYOUT 28　圖解·圖表·表格

利用圖解、圖表、表格

瞬間將內(nèi)容

淺顯地傳達(dá)給讀者 ...................................126

PART 4

影響版面印象的配色技巧 ...................131

LAYOUT 29　前景色·背景色

確定前景色與背景色

根據(jù)圖像進(jìn)行

比例得當(dāng)?shù)呐渖?nbsp;.......................................132

LAYOUT 30　強(qiáng)調(diào)色

使用強(qiáng)調(diào)色

為氛圍單調(diào)的設(shè)計(jì)

賦予層次感 ...............................................136

LAYOUT 31　關(guān)鍵色

使用關(guān)鍵色

有效利用彩色圖像

將效果發(fā)揮到極致 .................................. 140

LAYOUT 32　統(tǒng)一色調(diào)

色調(diào)的統(tǒng)一

使用多種顏色

讓版面風(fēng)格一致 ...................................... 144

LAYOUT 33　黑白色調(diào)·單色調(diào)

使用黑白色調(diào)、單色調(diào)效果

去除色彩

強(qiáng)調(diào)形狀或陰影 .......................................148

LAYOUT 34　男性化·女性化

結(jié)合色彩所具有的印象

以配色來(lái)表現(xiàn)

男性化與女性化特點(diǎn) ...............................152

LAYOUT 35　大地色

使用大地色

以配色來(lái)表現(xiàn)

環(huán)保或自然主題 .......................................156