版式攻略：版式設(shè)計(jì)原理與案例應(yīng)用解析

01 基礎(chǔ)篇
1-版式設(shè)計(jì)的概念 002
1.1 版面空間 002
1.2視覺(jué)規(guī)律 002
1.3設(shè)計(jì)原則 002
2-版式設(shè)計(jì)的構(gòu)成 003
2.1  點(diǎn)構(gòu)成 003
2.1.1  點(diǎn)作為背景元素 003
2.1.2  點(diǎn)作為點(diǎn)綴元素 003
2.2  線構(gòu)成 004
2.2.1  線的連接作用 004
2.2.2  線的分割作用 004
2.2.3  線的強(qiáng)調(diào)作用 004
2.2.4  線的裝飾作用 004
2.3  面構(gòu)成 005
2.2.1  面的主體作用 005
2.2.2  面的承載元素作用 005
2.2.3  面的分割空間作用 005
3-版式的設(shè)計(jì)流程 006
3.1  前期準(zhǔn)備 006
3.2  整理信息 006
3.3  選擇字體 007
3.4  使用圖形 008
3.5  確定構(gòu)圖形式 008
3.6  調(diào)整配色 008
3.7  優(yōu)化與調(diào)整細(xì)節(jié) 008
4-常用的紙張尺寸 010
4.1  全張紙 010
4.2  紙張開(kāi)本 010
02 文字篇
Chapter 01
字體基礎(chǔ)
1-字體基礎(chǔ) 016
1.1 字族 016
1.1.1 字重 016
1.1.2 字寬 017
1.1.3 樣式 017
1.2 字體度量 017
2-中文字體 018
2.1 設(shè)計(jì)基礎(chǔ) 018
2.1.1 漢字的基本筆畫(huà) 018
2.1.2 漢字的基本結(jié)構(gòu) 019
2.2 書(shū)法體篇 020
2.2.1 認(rèn)識(shí)書(shū)法體 020
2.2.2 書(shū)法體的使用場(chǎng)景 022
2.2.3 書(shū)法體的使用技巧 024
2.3 宋體篇 026
2.3.1 認(rèn)識(shí)宋體 026
2.3.2 宋體字筆畫(huà)造型 027
2.3.3 宋體的使用場(chǎng)景 030
2.4 黑體篇 032
2.4.1 認(rèn)識(shí)黑體 032
2.4.2 黑體字筆畫(huà)造型 033
2.4.3 黑體的使用場(chǎng)景 036
2.5 圓體篇 038
2.5.1 認(rèn)識(shí)圓體 038
2.5.2 圓體字筆畫(huà)造型 039
2.5.3 圓體、卡通體使用場(chǎng)景 041
3-西文字體 042
3.1 拉丁字母的構(gòu)造及各部位名稱 043
3.2 襯線體 044
3.2.1 襯線體基本結(jié)構(gòu)特征 044
3.2.2 古羅馬體 046
3.2.3 舊風(fēng)格體 046
3.2.4 過(guò)渡體 047
3.2.5 現(xiàn)代體 047
3.3 無(wú)襯線體 048
3.3.1 無(wú)襯線體基本結(jié)構(gòu)特點(diǎn) 048
3.3.2 復(fù)古無(wú)襯線體 050
3.3.3 現(xiàn)代無(wú)襯線體 050
3.3.4 人文無(wú)襯線體 051
3.3.5 幾何無(wú)襯線體 051
3.4 粗襯線體 052
3.5 哥特黑體 053
3.6 手寫(xiě)體 053
3.7 中文字體知識(shí)點(diǎn)總結(jié) 054
3.8 西文字體知識(shí)點(diǎn)總結(jié) 055
Chapter 02
字體選擇
1-影響字體選擇的因素 058
1.1 項(xiàng)目調(diào)性 058
1.2 行業(yè)屬性 059
1.3 目標(biāo)受眾 060
1.4 參考優(yōu)秀作品 060
2-設(shè)計(jì)案例示范 062
2.1 設(shè)計(jì)案例示范一稿 062
2.2 設(shè)計(jì)案例示范二稿 064
2.3 設(shè)計(jì)案例示范三稿 066
Chapter 03
字體搭配
1-字體搭配原則 070
1.1 限制字體數(shù)量 070
1.2 建立視覺(jué)層次 071
1.3 統(tǒng)一風(fēng)格氣質(zhì) 072
1.4 中英文搭配原則 073
2-字體混合搭配 075
2.1 宋體 黑體 075
2.2 書(shū)法體 宋體 076
2.3 書(shū)法體 黑體 076
2.4 卡通體 圓體 077
2.5 創(chuàng)意體 黑體 077
Chapter 04
編排原則
1-親密性原則 080
1.1 什么是親密性原則 080
1.2 親密性原則的運(yùn)用 081
1.2.1 字間距設(shè)置 081
1.2.2 行間距設(shè)置 082
1.2.3 段間距設(shè)置 082
1.2.4 組間距設(shè)置 083
1.3 常用的空間分割形式 084
2-對(duì)齊原則 086
2.1 什么是對(duì)齊原則 086
2.2 文字編排的對(duì)齊方式 086
2.3 設(shè)計(jì)案例實(shí)操與解析 089
2.4 網(wǎng)格系統(tǒng) 092
3-重復(fù)原則 094
3.1 什么是重復(fù)原則 094
3.2 使用重復(fù)原則 094
3.3 重復(fù)原則的作用 097
4-對(duì)比原則 098
4.1 什么是對(duì)比原則 098
4.2 文字編排對(duì)比的形式 098
4.3 對(duì)比原則的作用 101
Chapter 05
正文編排設(shè)計(jì)
1-選擇合適的字體和字號(hào) 104
1.1 字體 104
1.2 字號(hào) 105
2-文本的間距 106
2.1 字間距 106
2.2 行距 107
2.3 段間距 108
3-文字的編排方式 109
3.1 單行字?jǐn)?shù) 109
3.2 孤字不成行 109
3.3 對(duì)齊方式 110
3.4 標(biāo)點(diǎn)設(shè)置 110
3.4.1 標(biāo)點(diǎn)避頭尾 110
3.4.2 版面不整齊 111
3.5 設(shè)置文字與背景顏色 112
Chapter 06
標(biāo)題編排設(shè)計(jì)
1-標(biāo)題編排設(shè)計(jì) 114
1.1 字間距 114
1.2 行距 115
1.3 文字大小 116
1.4 斷行節(jié)奏 116
2-標(biāo)題編排形式 117
2.1 添加裝飾 117
2.2 嵌入圖形 117
2.3 文字疊加 118
2.4 錯(cuò)位排版 118
2.5 切割裁剪 118
2.6 輪廓描邊 119
2.7 筆畫(huà)刪減 119
2.8 筆畫(huà)拉伸 119
2.9 疊加材質(zhì) 120
2.10 局部填充 120
2.11 重復(fù)構(gòu)成 120
2.12 筆畫(huà)拆分 121
2.13 扭曲變形 121
2.14 傾斜旋轉(zhuǎn) 121
2.15 漸變疊加 122
2.16 加入外框背景 122
2.17 增加質(zhì)感 122
Chapter 07
數(shù)字編排設(shè)計(jì)
1-數(shù)字字體推薦 124
2-時(shí)間編排設(shè)計(jì) 125
2.1 對(duì)比 125
2.2 簡(jiǎn)化 125
2.3 替代 126
2.4 添加 126
2.5 分行 127
2.6 對(duì)齊方式 127
2.7 縱向編排 127
2.8 時(shí)間編排案例參考 128
3-價(jià)格編排設(shè)計(jì) 130
03 圖形篇
Chapter 01
圖形的類型
與使用原則
1-圖形的類型 136
1.1 直觀傳遞信息的具象圖形 136
1.2 形式簡(jiǎn)潔、內(nèi)涵深刻的抽象圖形 136
1.3 視覺(jué)優(yōu)美、風(fēng)格獨(dú)特的繪畫(huà)圖形 137
1.4 創(chuàng)意十足、超現(xiàn)實(shí)的數(shù)字圖形 137
1.5 形意共生的文字圖形 137
2-圖形的使用原則 138
2.1 清晰度 138
2.2 美觀度 138
2.3 契合度 139
3-圖像分辨率設(shè)置 140
3.1 圖像分辨率 140
3.2 圖像分辨率的常見(jiàn)問(wèn)題 141
Chapter 02
圖形裁切與
圖文互動(dòng)編排
1-圖形裁切 146
1.1 矩形裁切 146
1.1.1 簡(jiǎn)化（裁剪多余內(nèi)容） 146
1.1.2 放大（突出主體） 147
1.1.3 特寫(xiě)（特殊視覺(jué)體驗(yàn)） 148
1.2 異形裁切 149
1.2.1 幾何形狀 149
1.2.2 不規(guī)則形狀 150
1.2.3 特定形狀 151
1.3 輪廓裁切 152
2-圖文互動(dòng)編排 153
2.1 圖文疊壓 153
2.2 圖文穿插 154
2.3 圖文繞排 155
3-版面率與跳躍率 156
3.1 版面率 156
3.2 留白 156
3.3 版面率和留白對(duì)版面氣質(zhì)的影響 157
3.4 跳躍率 158
3.4.1 大小對(duì)比形成跳躍感 158
3.4.2 位置對(duì)比形成跳躍感 158
3.4.3 顏色對(duì)比形成跳躍感 158
3.5  設(shè)計(jì)案例示范 159
04 配色篇
Chapter 01
認(rèn)識(shí)色彩
1-色彩三屬性 164
1.1 色相 164
1.2 明度 164
1.3 飽和度（純度） 165
1.4 無(wú)彩色和有彩色 165
2-色相環(huán)     166
3-色彩對(duì)比 166
3.1 色相對(duì)比 166
3.2 明度對(duì)比 167
3.3 飽和度（純度）對(duì)比 167
3.4 冷暖對(duì)比 167
3.5 面積對(duì)比 167
Chapter 02
配色規(guī)劃與方法
1-配色原則 170
2-配色步驟與方法 171
3-主色的選擇 172
3.1 依據(jù)企業(yè)形象用色 172
3.2 根據(jù)主體色用色 173
3.3 依據(jù)行業(yè)屬性用色 174
3.4 依據(jù)色彩情感用色 175
4-色彩情感與聯(lián)想 176
4.1 紅色 176
4.2 黃色 177
4.3 橙色 178
4.5 綠色 180
4.6 紫色 181
5-副色與點(diǎn)綴色的搭配方法 182
5.1 運(yùn)用色相環(huán) 182
5.1.1 對(duì)比柔和的配色——同類色配色 183
5.1.2 對(duì)比柔和的配色——類似色、鄰近色配色 184
5.1.3 對(duì)比柔和的配色特點(diǎn)與使用技巧 185
5.1.4 對(duì)比強(qiáng)烈的配色——對(duì)比色配色 186
5.1.5 對(duì)比強(qiáng)烈的配色——互補(bǔ)色配色 187
5.1.6 對(duì)比強(qiáng)烈的配色特點(diǎn)與使用技巧 188
5.1.7 中等對(duì)比的配色——中差色配色 189
5.2 使用配色網(wǎng)站Adobe Color 190
5.2.1 從“色輪”創(chuàng)建顏色 190
5.2.2 從圖片創(chuàng)建顏色 191
5.2.3 從“探索”創(chuàng)建顏色 191
5.2.4 從“趨勢(shì)”創(chuàng)建顏色 192
5.3 借鑒優(yōu)秀作品 193
6-色彩色調(diào) 196
6.1 純色調(diào) 194
6.2 明色調(diào) 195
6.3 濁色調(diào) 196
6.4 暗色調(diào) 197
6.5 實(shí)操案例解析 198
7-為什么會(huì)有“色差” 199
7.1 RGB模式 199
7.2 CMYK模式 199
7.3 印刷色的骨架——黑版 200
7.4 色域 201
7.5 如何減少色差 202
7.5.1 校準(zhǔn)顯示器 202
7.5.2 使用印刷色譜 203
7.5.3 打樣 203
7.5.4 印刷校色 203
05 構(gòu)圖篇
Chapter 01
平衡穩(wěn)定的構(gòu)圖
1-上下構(gòu)圖、左右構(gòu)圖 208
1.1 構(gòu)圖比例 210
1.1.1 黃金分割比例（1:1.618） 210
1.1.2 2:1和3:1比例 211
1.2 靈活運(yùn)用 212
1.2.1 空間調(diào)整 212
1.2.2 曲線、斜線分割 213
1.2.3 串聯(lián)空間 214
1.2.4 空間留白 216
1.2.5 滿版圖片 218
1.2.6 圖片裁切 220
2-對(duì)稱構(gòu)圖 221
2.1 上下對(duì)稱、左右對(duì)稱 221
2.2 中心對(duì)稱 222
2.3 對(duì)角對(duì)稱 223
Chapter 02
靈動(dòng)活潑的構(gòu)圖
1-傾斜構(gòu)圖 226
1.1 傾斜構(gòu)圖的優(yōu)點(diǎn) 226
1.2 構(gòu)圖形式與案例分析 226
1.2.1 主體傾斜 227
1.2.2 文字傾斜 230
1.2.3 元素傾斜 230
2-中心構(gòu)圖 232
2.1 中心構(gòu)圖的優(yōu)點(diǎn) 232
2.2 構(gòu)圖形式與案例分析 233
2.2.1 放大主體 233
2.2.2 顏色對(duì)比 234
2.2.3 明暗對(duì)比 234
2.2.4 中心發(fā)散 235
2.2.5 借助畫(huà)框 236
Chapter 03
理性嚴(yán)謹(jǐn)?shù)臉?gòu)圖
3-滿版構(gòu)圖 237
3.1 滿版構(gòu)圖的優(yōu)點(diǎn) 237
3.2 構(gòu)圖形式與案例分析 238
3.2.1 文字滿版 238
3.2.2 圖片滿版 240
3.2.3 圖文混排 242
1-三角形構(gòu)圖 246
2-圓形構(gòu)圖 248
3-四邊形構(gòu)圖 250
3.1 壓四角 250
3.2 框架型 251