版式設(shè)計(jì)基礎(chǔ)與實(shí)戰(zhàn) 小白的進(jìn)階學(xué)習(xí)之路

第 1章 你一定能聽(tīng)懂：版式基礎(chǔ)理論9
1．1 對(duì)齊 10
1．1．1 文本對(duì)齊 10
1．1．2 圖文對(duì)齊 13
1．1．3 視覺(jué)對(duì)齊與軟件對(duì)齊 14
1．2 對(duì)比 14
1．2．1 文本的對(duì)比方式 15
1．2．2 文字跳躍率 16
1．3 “親密”原則 17
1．3．1 對(duì)相同信息歸類 17
1．3．2 對(duì)不同信息分組 18
1．4 重復(fù) 19
1．4．1 樣式的重復(fù) 19
1．4．2 品牌設(shè)計(jì)中的重復(fù) 20
1．5 版式設(shè)計(jì)中的點(diǎn)、線、面 21
1．5．1 面、線、點(diǎn)的形式與轉(zhuǎn)化 21
1．5．2 點(diǎn)、線、面缺失后的效果 24
第 2章 好用的輔助線：版心與柵格系統(tǒng) 25
2．1 版心 26
2．1．1 版心及其設(shè)置方法 26
2．1．2 版心的選擇依據(jù) 28
2．2 柵格系統(tǒng)及其設(shè)置方法 30
2．2．1 柵格系統(tǒng)的適用場(chǎng)景 30
2．2．2 柵格系統(tǒng)的設(shè)置方法 32
2．3 柵格系統(tǒng)的具體應(yīng)用 35
2．3．1 分欄的具體應(yīng)用 35
2．3．2 網(wǎng)格的具體應(yīng)用 39
第3章 事半功倍：設(shè)計(jì)師也需要懂文案 41
3．1 標(biāo)題和廣告語(yǔ)的“十要四不要” 42
3．1．1 記住這“十要”，靈感早來(lái)到 42
3．1．2 注意這“四不要”，文案更地道 47
3．2 提煉宣傳點(diǎn) 49
3．2．1 提煉數(shù)字 49
3．2．2 提煉標(biāo)題 50
3．2．3 提煉賣點(diǎn) 51
3．3 劃分文案層級(jí) 52
3．4 構(gòu)建文案框架 54
3．4．1 海報(bào)文案框架 54
3．4．2 包裝文案框架 55
3．4．3 企業(yè)介紹畫冊(cè)文案框架 55
3．4．4 產(chǎn)品 服務(wù)畫冊(cè)文案框架 56
第4章 排版有質(zhì)感的秘訣：合理的文字組合 57
4．1 字距與行距的設(shè)置 58
4．1．1 不同間距對(duì)版面氛圍的影響 58
4．1．2 間距的設(shè)置邏輯 59
4．2 段落的設(shè)置 61
4．2．1 中文段落的設(shè)置方法 61
4．2．2 英文段落的設(shè)置方法 63
4．3 欄寬的設(shè)置 65
4．3．1 合適的欄寬設(shè)置 66
4．3．2 欄間距與段間距的關(guān)系 67
4．4 字體及其應(yīng)用 68
4．4．1 不同字體的風(fēng)格特征 68
4．4．2 字體的用途 71
4．4．3 字體的應(yīng)用規(guī)范 72
4．5 字重和字號(hào)對(duì)版面的影響 74
4．5．1 突出和強(qiáng)調(diào) 74
4．5．2 表達(dá)版面情緒 76
4．6 文案層級(jí)的視覺(jué)邏輯 77
4．6．1 卡片文案的層級(jí)視覺(jué)化 77
4．6．2 名片文案的層級(jí)視覺(jué)化 78
4．6．3 登機(jī)牌文案的層級(jí)視覺(jué)化 80
4．6．4 包裝文案的層級(jí)視覺(jué)化 81
4．7 符號(hào)的運(yùn)用 83
4．8 文字組的排版公式和實(shí)例參考 85
第5章 完成合適的配圖：圖片的使用方法 89
5．1 選擇圖片 90
5．1．1 注意圖片的品質(zhì) 90
5．1．2 注意后期使用問(wèn)題 90
5．1．3 注意圖片表達(dá)的主旨 91
5．2 摳圖 92
5．2．1 摳取對(duì)象為單個(gè)主體的圖片 92
5．2．2 摳取對(duì)象為場(chǎng)景的圖片 93
5．2．3 軟件中的摳圖操作 93
5．3 聚焦圖片重點(diǎn) 94
5．3．1 裁切干擾部分 94
5．3．2 模糊非主體部分 95
5．3．3 直接放大重點(diǎn)部分 96
5．4 改變圖片的原本含義 97
5．5 搭配手繪 98
5．5．1 用手繪使畫面更有趣 98
5．5．2 用手繪延伸畫面的含義 99
5．5．3 將手繪與實(shí)物相結(jié)合 99
5．6 調(diào)出滿意的色調(diào) 100
5．6．1 使圖片融入畫面 100
5．6．2 賦予畫面風(fēng)格 100
5．6．3 拯救質(zhì)量不佳的圖片 101
5．6．4 黑白+彩色營(yíng)造大片質(zhì)感 102
5．7 做出有趣的剪貼畫報(bào) 104
5．8 增加文字的擺放空間 106
5．8．1 根據(jù)畫面風(fēng)格增補(bǔ)空間 106
5．8．2 調(diào)整畫面中心位置并疊加色塊 106
5．9 處理不同風(fēng)格色系的多圖組合 108
5．9．1 統(tǒng)一的幾何排布 108
5．9．2 統(tǒng)一的視覺(jué)秩序 109
5．9．3 統(tǒng)一的色調(diào) 110
5．10 排列組合多張圖片 112
5．10．1 遵循自然規(guī)律 112
5．10．2 圖片跳躍率 113
5．10．3 厘清內(nèi)容的層級(jí)關(guān)系 114
5．11 色塊是容易被忽視的重要配角 117
5．11．1 豐富版面，增強(qiáng)版面的構(gòu)成感 117
5．11．2 聚焦重點(diǎn)，增強(qiáng)層次關(guān)系 118
5．11．3 暗示分類 119
5．11．4 以色塊作為蒙版嵌入圖片 120
5．11．5 色塊形狀的選擇 120
第6章 版面中的線：引導(dǎo)視線 123
6．1 視覺(jué)中心與視線切入點(diǎn) 124
6．1．1 視覺(jué)中心 124
6．1．2 視線切入點(diǎn) 126
6．2 對(duì)角線掃視——古騰堡圖表 127
6．3 線的表現(xiàn)形式與畫面風(fēng)格 129
6．3．1 橫線型 130
6．3．2 豎線型 132
6．3．3 斜線型 133
6．3．4 多點(diǎn)連線型 134
6．3．5 射線型 135
6．4 有形的“線”與無(wú)形的“線” 136
6．4．1 有形的“線” 136
6．4．2 無(wú)形的“線” 137
第7章 不妨先背下來(lái)：幾種常見(jiàn)的版式結(jié)構(gòu) 139
7．1 上下式 140
7．2 左右式 142
7．3 對(duì)稱式 144
7．4 向前一步走式 146
7．5 端盤子式 148
7．6 包圍式 150
7．7 分格漫畫式 152
第8章 自己動(dòng)手，發(fā)揮創(chuàng)意：字體設(shè)計(jì) 155
8．1 路徑造字 156
案例：愛(ài)寵樂(lè)園 156
案例：加油超省錢 158
8．2 矩形造字 160
案例：美格健身 160
8．3 自定義筆畫造字 162
案例：逆風(fēng)夢(mèng)游 162
案例：多味郎 163
8．4 筆畫替換造字 164
案例：荔韜 164
8．5 書(shū)法筆畫造字 166
案例：利用矢量軟件設(shè)計(jì)書(shū)法字體 166
案例：利用手繪板 iPad設(shè)計(jì)書(shū)法字體 167
8．6 手寫字設(shè)計(jì) 168
案例：濃香豆?jié){粉 168
第9章 給關(guān)注找個(gè)理由：在版面中運(yùn)用對(duì)比 169
9．1 大小對(duì)比 170
9．2 特異構(gòu)成 172
9．3 疏密對(duì)比 174
9．4 虛實(shí)對(duì)比 177
9．5 質(zhì)感對(duì)比 179
9．6 色彩飽和度對(duì)比 181
9．7 動(dòng)靜對(duì)比 183
第 10章 感覺(jué)差點(diǎn)意思：為版面增加設(shè)計(jì)感 185
10．1 增強(qiáng)空間感的方法 186
10．1．1 投影法 186
10．1．2 透視法 190
10．2 打造層次感的方法 193
10．2．1 疊壓法 193
10．2．2 穿插法 197
10．3 制造延伸感的方法：破圖而出法 200
第 11章 融會(huì)貫通：設(shè)計(jì)實(shí)戰(zhàn)環(huán)節(jié) 203
11．1 海報(bào)設(shè)計(jì) 204
11．1．1 視覺(jué)之外：海報(bào)設(shè)計(jì)規(guī)范 204
11．1．2 案例解析：銀河游戲海報(bào)設(shè)計(jì) 205
11．1．3 舉一反三：換個(gè)版式 206
11．2 畫冊(cè)設(shè)計(jì) 209
11．2．1 視覺(jué)之外：畫冊(cè)設(shè)計(jì)規(guī)范 209
11．2．2 案例解析：旅人專訪畫冊(cè)內(nèi)頁(yè)設(shè)計(jì) 211
11．2．3 舉一反三：延續(xù)風(fēng)格 213
11．3 包裝設(shè)計(jì) 216
11．3．1 視覺(jué)之外：包裝設(shè)計(jì)規(guī)范 216
11．3．2 案例解析：沙棘原漿包裝設(shè)計(jì) 219
11．3．3 舉一反三：換一種包裝材料或版式結(jié)構(gòu) 223
11．4 Banner設(shè)計(jì) 225
11．4．1 視覺(jué)之外：Banner設(shè)計(jì)規(guī)范 225
11．4．2 案例解析：公益課程宣傳Banner設(shè)計(jì) 226
11．4．3 舉一反三：以同系列進(jìn)行擴(kuò)展 227
11．5 長(zhǎng)圖設(shè)計(jì) 229
11．5．1 視覺(jué)之外：長(zhǎng)圖設(shè)計(jì)規(guī)范 229
11．5．2 案例解析：書(shū)店開(kāi)業(yè)活動(dòng)長(zhǎng)圖設(shè)計(jì) 231
11．5．3 舉一反三：改變一下風(fēng)格 233
附錄 235
超市的傳單真的很丑嗎？ 235
“唯視覺(jué)論”思考陷阱 235
聚焦策略轉(zhuǎn)化落地環(huán)節(jié) 236
學(xué)設(shè)計(jì)兩年了，還是覺(jué)得沒(méi)什么進(jìn)步？ 238
設(shè)計(jì)師的“對(duì)數(shù)增長(zhǎng)曲線技能” 239
設(shè)計(jì)師的“指數(shù)增長(zhǎng)曲線技能” 239