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

CONTENTS

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

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

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

PART 1

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

LAYOUT 01　對稱

利用對稱手法

打造雅致

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

LAYOUT 02　對比

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

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

加深視覺印象 ...........................................018

LAYOUT 03　留白

大面積留白

在版式中營造出

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

LAYOUT 04　跳躍率

提高跳躍率

為版式設(shè)計制造動感

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

LAYOUT 05　引導(dǎo)視線

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

將要告知的信息

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

LAYOUT 06　焦點

在版面中添加焦點

留住讀者的目光

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

LAYOUT 07　重復(fù)

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

通過重復(fù)

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

LAYOUT 08　單元化

版式設(shè)計單元化

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

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

LAYOUT 09　倒三角形

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

故意打破平衡

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

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

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

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

以此來整理版面 ......................................050

PART 2

有助于營造氛圍的文字編排方法 ...... 055

LAYOUT 11　直排

文字編排方式—直排

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

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

LAYOUT 12　橫排

文字編排方式—橫排

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

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

LAYOUT 13　宋體

使用宋體（MS Mincho）

給人以嫻靜

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

LAYOUT 14　黑體

使用黑體（Gothic）

給人以強勁而

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

LAYOUT 15　字號和行距

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

不僅可提高易讀性

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

LAYOUT 16　分欄

利用分欄的加減

調(diào)整文本

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

LAYOUT 17　選擇字體

選擇字體和裝飾文字

營造版式設(shè)計的氛圍

強化要傳達的印象 ..................................080

LAYOUT 18　文本繞排

利用文本繞排

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

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

PART 3

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

LAYOUT 19　出血裁切

出血裁切照片

強有力地展現(xiàn)

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

LAYOUT 20　去背

照片去背

通過強調(diào)形狀

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

LAYOUT 21　對齊·并列

將照片對齊

打造流暢

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

LAYOUT 22　規(guī)律性

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

讓讀者從版面中

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

LAYOUT 23　錯位·傾斜

照片的錯位、傾斜排列

賦予版式設(shè)計

動感與沖擊力 ...........................................106

LAYOUT 24　拼貼

使用拼貼手法

將各種素材拼貼在一起

營造嶄新的視覺效果 ............................... 110

LAYOUT 25　紋理

使用紋理

為版面

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

LAYOUT 26　插畫為主元素

以插畫作為主要元素

營造與照片

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

LAYOUT 27　用插畫補充說明

采用插畫作為補充

對難以靠文章傳達的信息

加以視覺性說明 .......................................122

LAYOUT 28　圖解·圖表·表格

利用圖解、圖表、表格

瞬間將內(nèi)容

淺顯地傳達給讀者 ...................................126

PART 4

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

LAYOUT 29　前景色·背景色

確定前景色與背景色

根據(jù)圖像進行

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

LAYOUT 30　強調(diào)色

使用強調(diào)色

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

賦予層次感 ...............................................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)效果

去除色彩

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

LAYOUT 34　男性化·女性化

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

以配色來表現(xiàn)

男性化與女性化特點 ...............................152

LAYOUT 35　大地色

使用大地色

以配色來表現(xiàn)

環(huán)?；蜃匀恢黝} .......................................156