01 版式設(shè)計(jì)概述

1.1　版式設(shè)計(jì)的概念 /　2

1.2　版式設(shè)計(jì)的主要發(fā)展階段 /　3

1.2.1　早期的版式設(shè)計(jì) /　4

1.2.2　東方的豎式排版 /　4

1.2.3　西方的橫式排版 /　6

1.2.4　現(xiàn)代版式設(shè)計(jì)與新媒體版式設(shè)計(jì) /　7

1.3　版式設(shè)計(jì)的程序 /　8

1.3.1　定位讀者群 /　8

1.3.2　明確信息主體 /　9

1.3.3　制定計(jì)劃和設(shè)計(jì)流程 /　10

1.4　綜合項(xiàng)目實(shí)戰(zhàn)版式設(shè)計(jì)分析 /　11



02　版式設(shè)計(jì)的要素 /　12

2.1　版式設(shè)計(jì)要素的內(nèi)容 /　14

2.1.1　點(diǎn)的編排 /　14

2.1.2　線的編排 /　16

2.1.3　面的編排 /　17

2.2　項(xiàng)目演練版式設(shè)計(jì)要素的轉(zhuǎn)化 /　19

2.3　綜合項(xiàng)目實(shí)戰(zhàn)版式基本要素轉(zhuǎn)化（個(gè)性文字卡片設(shè)計(jì)） /　21



03　版式的視覺流向與基本版型 /　24

3.1　版式設(shè)計(jì)中主要的視覺流向 /　26

3.1.1　單向視覺流向 /　26

3.1.2　重心式視覺流向 /　28

3.1.3　反復(fù)式視覺流向 /　28

3.1.4　導(dǎo)向式視覺流向 /　29

3.2　版式設(shè)計(jì)的基本版型 /　30

3.2.1　滿版型版式設(shè)計(jì) /　30

3.2.2　分割型版式設(shè)計(jì) /　30

3.2.3　自由型版式設(shè)計(jì) /　31

3.2.4　傾斜版式設(shè)計(jì) /　32

3.2.5　三角形版式設(shè)計(jì) /　32

3.2.7　曲線型版式設(shè)計(jì) /　34

3.3　項(xiàng)目演練商業(yè)廣告招貼視覺流向設(shè)計(jì) /　35

3.4　綜合項(xiàng)目實(shí)戰(zhàn)指定信息視覺流向設(shè)計(jì) /　42



04　版式設(shè)計(jì)中文字的處理和表現(xiàn) /　44

4.1　版式設(shè)計(jì)中字體的樣式和字體的性格 /　46

4.2　版式設(shè)計(jì)中文字的排列 /　47

4.2.1　左右對齊式 /　47

4.2.2　齊中式 /　47

4.2.3　齊左或齊右式 /　48

4.2.4　傾斜式 /　49

4.3　版式設(shè)計(jì)中文字的層次性 /　50

4.3.1　文字的磅值設(shè)置與層次性 /　50

4.3.2　文字的塊面劃分與層次性 /　67

4.3.3　文字的色彩處理與層次性 /　71

4.3.4　文字分欄的具體過程解析 /　72

4.4　版式設(shè)計(jì)中文字的其他處理表現(xiàn)方法 /　74

4.5　項(xiàng)目演練書籍中文字的排版 /　75

4.6　綜合項(xiàng)目實(shí)戰(zhàn)文字招貼文字排版設(shè)計(jì) /　76



05　版式設(shè)計(jì)中圖片圖形的處理和表現(xiàn) /　80

5.1　對于版式設(shè)計(jì)中圖的一般認(rèn)識(shí) /　82

5.1.1　圖片的選擇 /　82

5.1.2　圖片的信息層次調(diào)整 /　83

5.1.3　常規(guī)書籍版式中圖片與文字的組合布局形式 /　86

5.1.4　針對圖片的其他處理技巧 /　89

5.1.5　圖片布局過程分析 /　91

5.2　項(xiàng)目演練主題網(wǎng)站界面設(shè)計(jì) /　93

5.3　綜合項(xiàng)目實(shí)戰(zhàn)雜志封面和內(nèi)頁的排版 /　95



06　版式設(shè)計(jì)中色彩的處理和表現(xiàn) /　98

6.1　色彩概念和基本理論 /　100

6.1.1　色相的使用 /　100

6.1.2　明度和純度的使用 /　101

6.2　版式色彩設(shè)計(jì)的方法 /　102

6.2.1　確定主色調(diào) /　102

6.2.2　確定色彩搭配可視度 /　103

6.2.3　色彩比例的分配和色彩在具體要素中的運(yùn)用 /　103

6.3　項(xiàng)目演練蘋果產(chǎn)品宣傳單頁的版式設(shè)計(jì) /　104

6.4　綜合項(xiàng)目實(shí)戰(zhàn)單色招貼版式色彩整體調(diào)整 /　106



07　版式設(shè)計(jì)的基本類型 /　108

7.1　網(wǎng)格版式設(shè)計(jì) /　110

7.1.1　網(wǎng)格的概念 /　110

7.1.2　網(wǎng)格設(shè)計(jì)的基本形式 /　111

7.1.3　網(wǎng)格設(shè)計(jì)的應(yīng)用步驟 /　113

7.2　自由版式設(shè)計(jì) /　121

7.2.1　自由版式設(shè)計(jì)的概念 /　121

7.2.2　自由版式設(shè)計(jì)的特點(diǎn) /　121

7.3　項(xiàng)目演練建筑與設(shè)計(jì)商業(yè)雜志設(shè)計(jì) /　125

7.4　項(xiàng)目綜合實(shí)戰(zhàn)公益體育運(yùn)動(dòng)招貼設(shè)計(jì) /　127



08　版式細(xì)節(jié)設(shè)計(jì)與印刷尺寸 /　130

8.1　版式中的目錄設(shè)計(jì) /　132

8.2　版式中頁眉頁腳的設(shè)計(jì) /　133

8.3　版式中的索引設(shè)計(jì) /　135

8.4　版式中的裝訂線設(shè)計(jì) /　137

8.5　不同類型的版式劃分設(shè)計(jì) /　139

8.6　版式設(shè)計(jì)中的尺寸標(biāo)準(zhǔn) /　143

8.6.1ISO　國際標(biāo)準(zhǔn) /　144

8.6.2　信封和書籍的開本尺寸 /　146

8.6.3　戶外標(biāo)準(zhǔn)尺寸 /　146

8.6.4CD　標(biāo)準(zhǔn)尺寸 /　147

8.6.5　版面設(shè)計(jì)中其他相關(guān)術(shù)語 /　147

8.7　綜合項(xiàng)目實(shí)戰(zhàn)版式設(shè)計(jì)細(xì)節(jié)實(shí)戰(zhàn) /　148



09　版式設(shè)計(jì)綜合運(yùn)用 /　152

9.1　商業(yè)畫冊版式設(shè)計(jì) /　154

9.1.1　畫冊設(shè)計(jì)中視覺元素的特點(diǎn) /　154

9.1.2　畫冊版式設(shè)計(jì)實(shí)戰(zhàn) /　155

9.2　文化折頁版式設(shè)計(jì) /　157

9.2.1　文化折頁中視覺要素的表現(xiàn)特點(diǎn) /　157

9.2.2　文化折頁版式設(shè)計(jì)實(shí)戰(zhàn) /　158

9.3　電商頁面設(shè)計(jì) /　160

9.3.1　電商平臺(tái)設(shè)計(jì)要素的基本特點(diǎn) /　160

9.3.2　電商平臺(tái)設(shè)計(jì)需要注意的其他問題 /　165

9.3.3　電商平臺(tái)版式設(shè)計(jì)實(shí)戰(zhàn) /　165

9.4　文字宣傳招貼版式設(shè)計(jì) /　167

9.4.1　招貼中的圖形排版 /　167

9.4.2　招貼中的文字排版 /　167

9.4.3　招貼中的色彩搭配 /　168

9.4.4　文化招貼版式設(shè)計(jì)實(shí)戰(zhàn) /　168

9.5　企業(yè)宣傳手冊版式設(shè)計(jì) /　168

9.5.1　企業(yè)宣傳手冊的整體版式 /　169

9.5.2　企業(yè)宣傳手冊的圖形設(shè)計(jì) /　169

9.5.3　企業(yè)宣傳手冊的字體設(shè)計(jì) /　169

9.5.4　企業(yè)宣傳手冊版式設(shè)計(jì)實(shí)戰(zhàn) /　169