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

侯维静：品牌策划设计师，倾新品牌设计创办者。

已出版图书：《平面设计基础与实战——小白的进阶学习之路》

第 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