版式攻略：版式設計原理與案例應用解析（簡體書）

版式設計是所有設計形式的基礎，其設計原理和理論滲透於各個設計領域。本書共5部分。01“基礎篇”，將介紹版式設計的基本概念、構成要素和設計流程，幫助讀者全面理解版式設計的整體框架和核心理念；02“文字篇”，將深入探討文字在版式設計中的關鍵作用，包括如何選擇合適的字體、實現有效的文字搭配以及巧妙的文字編排設計，以提升版面的閱讀體驗和傳達效果；03“圖形篇”，將引領讀者探索圖形在版式設計中的獨特魅力，涵蓋圖形的多種類型、使用原則以及圖文互動的創意編排方法，為版面增添生動性與趣味性；04“配色篇”，將闡釋色彩的基礎知識，並教授如何通過精妙的色彩搭配來強化版面的視覺效果和情感表達，營造出與主題相契合的氛圍；05“構圖篇”，將深入剖析版式設計的構圖精髓，詳盡闡述平衡穩定、靈動活潑與理性嚴謹等構圖類型的特點與應用方法，同時展示多種基本構圖樣式，為設計師提供豐富的靈感與參考。

鄧海貝

南寧學院副教授。從事版式設計教學十余年,在微信公眾號“藝海拾貝Design”發布近200篇原創版式設計教程,獲得十余萬人關注。多篇文章受到各大平臺推薦。被評為優設網2022年、2023年“年度十佳作者”,站酷網“推薦文章作者”和“2022年度創作者”

版式設計是所有設計形式的基礎，這是一本以設計實案為載體的版式設計實用教材，作者系統地梳理了版式設計的各方面知識，從基礎概念到實踐技巧一應俱全。
本書有幾大特點，1:大道至簡，圖解基礎理論知識，一看就懂；2:實現內化，知識點配套設計案例，一點就透；3:實踐與理論相結合，精講設計步驟，一學就會；值得一提的是，全書案例是由作者結合設計知識點進行原創設計，對比講解，知識體系系統、嚴謹，絕對是一本“有顏、有料”的實用攻略。

01 基礎篇
1-版式設計的概念 002
1.1 版面空間 002
1.2視覺規律 002
1.3設計原則 002
2-版式設計的構成 003
2.1 點構成 003
2.1.1 點作為背景元素 003
2.1.2 點作為點綴元素 003
2.2 線構成 004
2.2.1 線的連接作用 004
2.2.2 線的分割作用 004
2.2.3 線的強調作用 004
2.2.4 線的裝飾作用 004
2.3 面構成 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 確定構圖形式 008
3.6 調整配色 008
3.7 優化與調整細節 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 漢字的基本結構 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 拉丁字母的構造及各部位名稱 043
3.2 襯線體 044
3.2.1 襯線體基本結構特徵 044
3.2.2 古羅馬體 046
3.2.3 舊風格體 046
3.2.4 過渡體 047
3.2.5 現代體 047
3.3 無襯線體 048
3.3.1 無襯線體基本結構特點 048
3.3.2 復古無襯線體 050
3.3.3 現代無襯線體 050
3.3.4 人文無襯線體 051
3.3.5 幾何無襯線體 051
3.4 粗襯線體 052
3.5 哥特黑體 053
3.6 手寫體 053
3.7 中文字體知識點總結 054
3.8 西文字體知識點總結 055
Chapter 02
字體選擇
1-影響字體選擇的因素 058
1.1 項目調性 058
1.2 行業屬性 059
1.3 目標受眾 060
1.4 參考優秀作品 060
2-設計案例示範 062
2.1 設計案例示範一稿 062
2.2 設計案例示範二稿 064
2.3 設計案例示範三稿 066
Chapter 03
字體搭配
1-字體搭配原則 070
1.1 限制字體數量 070
1.2 建立視覺層次 071
1.3 統一風格氣質 072
1.4 中英文搭配原則 073
2-字體混合搭配 075
2.1 宋體 黑體 075
2.2 書法體 宋體 076
2.3 書法體 黑體 076
2.4 卡通體 圓體 077
2.5 創意體 黑體 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 網格系統 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 單行字數 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 斷行節奏 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 疊加材質 120
2.10 局部填充 120
2.11 重復構成 120
2.12 筆畫拆分 121
2.13 扭曲變形 121
2.14 傾斜旋轉 121
2.15 漸變疊加 122
2.16 加入外框背景 122
2.17 增加質感 122
Chapter 07
數字編排設計
1-數字字體推薦 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 形式簡潔、內涵深刻的抽象圖形 136
1.3 視覺優美、風格獨特的繪畫圖形 137
1.4 創意十足、超現實的數字圖形 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 簡化（裁剪多餘內容） 146
1.1.2 放大（突出主體） 147
1.1.3 特寫（特殊視覺體驗） 148
1.2 異形裁切 149
1.2.1 幾何形狀 149
1.2.2 不規則形狀 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 版面率和留白對版面氣質的影響 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-色相環 166
3-色彩對比 166
3.1 色相對比 166
3.2 明度對比 167
3.3 飽和度（純度）對比 167
3.4 冷暖對比 167
3.5 面積對比 167
Chapter 02
配色規劃與方法
1-配色原則 170
2-配色步驟與方法 171
3-主色的選擇 172
3.1 依據企業形象用色 172
3.2 根據主體色用色 173
3.3 依據行業屬性用色 174
3.4 依據色彩情感用色 175
4-色彩情感與聯想 176
4.1 紅色 176
4.2 黃色 177
4.3 橙色 178
4.5 綠色 180
4.6 紫色 181
5-副色與點綴色的搭配方法 182
5.1 運用色相環 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 使用配色網站Adobe Color 190
5.2.1 從“色輪”創建顏色 190
5.2.2 從圖片創建顏色 191
5.2.3 從“探索”創建顏色 191
5.2.4 從“趨勢”創建顏色 192
5.3 借鑒優秀作品 193
6-色彩色調 196
6.1 純色調 194
6.2 明色調 195
6.3 濁色調 196
6.4 暗色調 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 構圖篇
Chapter 01
平衡穩定的構圖
1-上下構圖、左右構圖 208
1.1 構圖比例 210
1.1.1 黃金分割比例（1:1.618） 210
1.1.2 2:1和3:1比例 211
1.2 靈活運用 212
1.2.1 空間調整 212
1.2.2 曲線、斜線分割 213
1.2.3 串聯空間 214
1.2.4 空間留白 216
1.2.5 滿版圖片 218
1.2.6 圖片裁切 220
2-對稱構圖 221
2.1 上下對稱、左右對稱 221
2.2 中心對稱 222
2.3 對角對稱 223
Chapter 02
靈動活潑的構圖
1-傾斜構圖 226
1.1 傾斜構圖的優點 226
1.2 構圖形式與案例分析 226
1.2.1 主體傾斜 227
1.2.2 文字傾斜 230
1.2.3 元素傾斜 230
2-中心構圖 232
2.1 中心構圖的優點 232
2.2 構圖形式與案例分析 233
2.2.1 放大主體 233
2.2.2 顏色對比 234
2.2.3 明暗對比 234
2.2.4 中心發散 235
2.2.5 借助畫框 236
Chapter 03
理性嚴謹的構圖
3-滿版構圖 237
3.1 滿版構圖的優點 237
3.2 構圖形式與案例分析 238
3.2.1 文字滿版 238
3.2.2 圖片滿版 240
3.2.3 圖文混排 242
1-三角形構圖 246
2-圓形構圖 248
3-四邊形構圖 250
3.1 壓四角 250
3.2 框架型 251