版式攻略：版式設計原理與案例應用解析

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