版式設計基礎與實戰：小白的進階學習之路

本書是一本全面、系統和實用的版式設計教程，以淺顯易懂的方式講解版式設計的核心知識，幫助設計師快速掌握版式設計的相關技巧，輕鬆製作出精彩的設計作品。
 
本書共11章：第1~3章講解版式設計的基本原理，包括基礎理論、柵格系統和文案撰寫方面的知識；第4~7章講解版式設計的關鍵技巧，包括文字、圖片、線在版式設計中的運用和常見的版式結構；第8~10章講解版式設計的進階內容，包括字體設計、運用對比和提升畫面設計感的技巧；第11章為實戰演示部分，通過分析海報、畫冊、包裝、Banner和長圖的設計案例來詳細講解版式在實際工作中的運用。本書將設計技巧講解得細緻入微，在內容安排上由易到難、由點到面，可為設計師提供版式設計方法和靈感。

本書適合平面設計師、平面設計專業的學生和自學版式設計的愛好者使用，也可以作為藝術設計專業的教材。

第1章 你一定能聽懂：版式基礎理論9
1.1 對齊 10
1.1.1 文本對齊 10
1.1.2 圖文對齊 13
1.1.3 視覺對齊與軟體對齊 14
1.2 對比 14
1.2.1 文本的對比方式 15
1.2.2 文字跳躍率 16
1.3 “親密”原則 17
1.3.1 對相同資訊歸類 17
1.3.2 對不同資訊分組 18
1.4 重複 19
1.4.1 樣式的重複 19
1.4.2 品牌設計中的重複 20
1.5 版式設計中的點、線、面 21
1.5.1 面、線、點的形式與轉化 21
1.5.2 點、線、面缺失後的效果 24

第2章 好用的輔助線：版心與柵格系統 25
2.1 版心 26
2.1.1 版心及其設置方法 26
2.1.2 版心的選擇依據 28
2.2 柵格系統及其設置方法 30
2.2.1 柵格系統的適用場景 30
2.2.2 柵格系統的設置方法 32
2.3 柵格系統的具體應用 35
2.3.1 分欄的具體應用 35
2.3.2 網格的具體應用 39

第3章 事半功倍：設計師也需要懂文案 41
3.1 標題和廣告語的“十要四不要” 42
3.1.1 記住這“十要”，靈感早來到 42
3.1.2 注意這“四不要”，文案更地道 47
3.2 提煉宣傳點 49
3.2.1 提煉數字 49
3.2.2 提煉標題 50
3.2.3 提煉賣點 51
3.3 劃分文案層級 52
3.4 構建文案框架 54
3.4.1 海報文案框架 54
3.4.2 包裝文案框架 55
3.4.3 企業介紹畫冊文案框架 55
3.4.4 產品 服務畫冊文案框架 56

第4章 排版有質感的秘訣：合理的文字組合 57
4.1 字距與行距的設置 58
4.1.1 不同間距對版面氛圍的影響 58
4.1.2 間距的設置邏輯 59
4.2 段落的設置 61
4.2.1 中文段落的設置方法 61
4.2.2 英文段落的設置方法 63
4.3 欄寬的設置 65
4.3.1 合適的欄寬設置 66
4.3.2 欄間距與段間距的關係 67
4.4 字體及其應用 68
4.4.1 不同字體的風格特徵 68
4.4.2 字體的用途 71
4.4.3 字體的應用規範 72
4.5 字重和字型大小對版面的影響 74
4.5.1 突出和強調 74
4.5.2 表達版面情緒 76
4.6 文案層級的視覺邏輯 77
4.6.1 卡片文案的層級視覺化 77
4.6.2 名片文案的層級視覺化 78
4.6.3 登機牌文案的層級視覺化 80
4.6.4 包裝文案的層級視覺化 81
4.7 符號的運用 83
4.8 文字組的排版公式和實例參考 85

第5章 完成合適的配圖：圖片的使用方法 89
5.1 選擇圖片 90
5.1.1 注意圖片的品質 90
5.1.2 注意後期使用問題 90
5.1.3 注意圖片表達的主旨 91
5.2 摳圖 92
5.2.1 摳取物件為單個主體的圖片 92
5.2.2 摳取物件為場景的圖片 93
5.2.3 軟體中的摳圖操作 93
5.3 聚焦圖片重點 94
5.3.1 裁切干擾部分 94
5.3.2 模糊非主體部分 95
5.3.3 直接放大重點部分 96
5.4 改變圖片的原本含義 97
5.5 搭配手繪 98
5.5.1 用手繪使畫面更有趣 98
5.5.2 用手繪延伸畫面的含義 99
5.5.3 將手繪與實物相結合 99
5.6 調出滿意的色調 100
5.6.1 使圖片融入畫面 100
5.6.2 賦予畫面風格 100
5.6.3 拯救品質不佳的圖片 101
5.6.4 黑白 彩色營造大片質感 102
5.7 做出有趣的剪貼畫報 104
5.8 增加文字的擺放空間 106
5.8.1 根據畫面風格增補空間 106
5.8.2 調整畫面中心位置並疊加色塊 106
5.9 處理不同風格色系的多圖組合 108
5.9.1 統一的幾何排布 108
5.9.2 統一的視覺秩序 109
5.9.3 統一的色調 110
5.10 排列組合多張圖片 112
5.10.1 遵循自然規律 112
5.10.2 圖片跳躍率 113
5.10.3 厘清內容的層級關係 114
5.11 色塊是容易被忽視的重要配角 117
5.11.1 豐富版面，增強版面的構成感 117
5.11.2 聚焦重點，增強層次關係 118
5.11.3 暗示分類 119
5.11.4 以色塊作為蒙版嵌入圖片 120
5.11.5 色塊形狀的選擇 120

第6章 版面中的線：引導視線 123
6.1 視覺中心與視線切入點 124
6.1.1 視覺中心 124
6.1.2 視線切入點 126
6.2 對角線掃視——古騰堡圖表 127
6.3 線的表現形式與畫面風格 129
6.3.1 橫線型 130
6.3.2 分隔號型 132
6.3.3 斜線型 133
6.3.4 多點連線型 134
6.3.5 射線型 135
6.4 有形的“線”與無形的“線” 136
6.4.1 有形的“線” 136
6.4.2 無形的“線” 137

第7章 不妨先背下來：幾種常見的版式結構 139
7.1 上下式 140
7.2 左右式 142
7.3 對稱式 144
7.4 向前一步走式 146
7.5 端盤子式 148
7.6 包圍式 150
7.7 分格漫畫式 152

第8章 自己動手，發揮創意：字體設計 155
8.1 路徑造字 156
案例：愛寵樂園 156
案例：加油超省錢 158
8.2 矩形造字 160
案例：美格健身 160
8.3 自訂筆劃造字 162
案例：逆風夢遊 162
案例：多味郎 163
8.4 筆劃替換造字 164
案例：荔韜 164
8.5 書法筆劃造字 166
案例：利用向量軟體設計書法字體 166
案例：利用手繪板 iPad設計書法字體 167
8.6 手寫字設計 168
案例：濃香豆漿粉 168

第9章 給關注找個理由：在版面中運用對比 169
9.1 大小對比 170
9.2 特異構成 172
9.3 疏密對比 174
9.4 虛實對比 177
9.5 質感對比 179
9.6 色彩飽和度對比 181
9.7 動靜對比 183

第10章 感覺差點意思：為版面增加設計感 185
10.1 增強空間感的方法 186
10.1.1 投影法 186
10.1.2 透視法 190
10.2 打造層次感的方法 193
10.2.1 疊壓法 193
10.2.2 穿插法 197
10.3 製造延伸感的方法：破圖而出法 200

第11章 融會貫通：設計實戰環節 203
11.1 海報設計 204
11.1.1 視覺之外：海報設計規範 204
11.1.2 案例解析：銀河遊戲海報設計 205
11.1.3 舉一反三：換個版式 206
11.2 畫冊設計 209
11.2.1 視覺之外：畫冊設計規範 209
11.2.2 案例解析：旅人專訪畫冊內頁設計 211
11.2.3 舉一反三：延續風格 213
11.3 包裝設計 216
11.3.1 視覺之外：包裝設計規範 216
11.3.2 案例解析：沙棘原漿包裝設計 219
11.3.3 舉一反三：換一種包裝材料或版式結構 223
11.4 Banner設計 225
11.4.1 視覺之外：Banner設計規範 225
11.4.2 案例解析：公益課程宣傳Banner設計 226
11.4.3 舉一反三：以同系列進行擴展 227
11.5 長圖設計 229
11.5.1 視覺之外：長圖設計規範 229
11.5.2 案例解析：書店開業活動長圖設計 231
11.5.3 舉一反三：改變一下風格 233

附錄 235
超市的傳單真的很醜嗎？ 235
“唯視覺論”思考陷阱 235
聚焦策略轉化落地環節 236
學設計兩年了，還是覺得沒什麼進步？ 238
設計師的“對數增長曲線技能” 239
設計師的“指數增長曲線技能” 239

侯維靜：品牌策劃設計師，傾新品牌設計創辦者。
已出版圖書：《平面設計基礎與實戰——小白的進階學習之路》