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

第 1章 你一定能聽懂：版式基礎(chǔ)理論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 品牌設(shè)計中的重復 20
1．5 版式設(shè)計中的點、線、面 21
1．5．1 面、線、點的形式與轉(zhuǎn)化 21
1．5．2 點、線、面缺失后的效果 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)的適用場景 30
2．2．2 柵格系統(tǒng)的設(shè)置方法 32
2．3 柵格系統(tǒng)的具體應用 35
2．3．1 分欄的具體應用 35
2．3．2 網(wǎng)格的具體應用 39
第3章 事半功倍：設(shè)計師也需要懂文案 41
3．1 標題和廣告語的“十要四不要” 42
3．1．1 記住這“十要”，靈感早來到 42
3．1．2 注意這“四不要”，文案更地道 47
3．2 提煉宣傳點 49
3．2．1 提煉數(shù)字 49
3．2．2 提煉標題 50
3．2．3 提煉賣點 51
3．3 劃分文案層級 52
3．4 構(gòu)建文案框架 54
3．4．1 海報文案框架 54
3．4．2 包裝文案框架 55
3．4．3 企業(yè)介紹畫冊文案框架 55
3．4．4 產(chǎn)品 服務畫冊文案框架 56
第4章 排版有質(zhì)感的秘訣：合理的文字組合 57
4．1 字距與行距的設(shè)置 58
4．1．1 不同間距對版面氛圍的影響 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 字體及其應用 68
4．4．1 不同字體的風格特征 68
4．4．2 字體的用途 71
4．4．3 字體的應用規(guī)范 72
4．5 字重和字號對版面的影響 74
4．5．1 突出和強調(diào) 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 注意圖片的品質(zhì) 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 將手繪與實物相結(jié)合 99
5．6 調(diào)出滿意的色調(diào) 100
5．6．1 使圖片融入畫面 100
5．6．2 賦予畫面風格 100
5．6．3 拯救質(zhì)量不佳的圖片 101
5．6．4 黑白+彩色營造大片質(zhì)感 102
5．7 做出有趣的剪貼畫報 104
5．8 增加文字的擺放空間 106
5．8．1 根據(jù)畫面風格增補空間 106
5．8．2 調(diào)整畫面中心位置并疊加色塊 106
5．9 處理不同風格色系的多圖組合 108
5．9．1 統(tǒng)一的幾何排布 108
5．9．2 統(tǒng)一的視覺秩序 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)容的層級關(guān)系 114
5．11 色塊是容易被忽視的重要配角 117
5．11．1 豐富版面，增強版面的構(gòu)成感 117
5．11．2 聚焦重點，增強層次關(guān)系 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 線的表現(xiàn)形式與畫面風格 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章 不妨先背下來：幾種常見的版式結(jié)構(gòu) 139
7．1 上下式 140
7．2 左右式 142
7．3 對稱式 144
7．4 向前一步走式 146
7．5 端盤子式 148
7．6 包圍式 150
7．7 分格漫畫式 152
第8章 自己動手，發(fā)揮創(chuàng)意：字體設(shè)計 155
8．1 路徑造字 156
案例：愛寵樂園 156
案例：加油超省錢 158
8．2 矩形造字 160
案例：美格健身 160
8．3 自定義筆畫造字 162
案例：逆風夢游 162
案例：多味郎 163
8．4 筆畫替換造字 164
案例：荔韜 164
8．5 書法筆畫造字 166
案例：利用矢量軟件設(shè)計書法字體 166
案例：利用手繪板 iPad設(shè)計書法字體 167
8．6 手寫字設(shè)計 168
案例：濃香豆?jié){粉 168
第9章 給關(guān)注找個理由：在版面中運用對比 169
9．1 大小對比 170
9．2 特異構(gòu)成 172
9．3 疏密對比 174
9．4 虛實對比 177
9．5 質(zhì)感對比 179
9．6 色彩飽和度對比 181
9．7 動靜對比 183
第 10章 感覺差點意思：為版面增加設(shè)計感 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章 融會貫通：設(shè)計實戰(zhàn)環(huán)節(jié) 203
11．1 海報設(shè)計 204
11．1．1 視覺之外：海報設(shè)計規(guī)范 204
11．1．2 案例解析：銀河游戲海報設(shè)計 205
11．1．3 舉一反三：換個版式 206
11．2 畫冊設(shè)計 209
11．2．1 視覺之外：畫冊設(shè)計規(guī)范 209
11．2．2 案例解析：旅人專訪畫冊內(nèi)頁設(shè)計 211
11．2．3 舉一反三：延續(xù)風格 213
11．3 包裝設(shè)計 216
11．3．1 視覺之外：包裝設(shè)計規(guī)范 216
11．3．2 案例解析：沙棘原漿包裝設(shè)計 219
11．3．3 舉一反三：換一種包裝材料或版式結(jié)構(gòu) 223
11．4 Banner設(shè)計 225
11．4．1 視覺之外：Banner設(shè)計規(guī)范 225
11．4．2 案例解析：公益課程宣傳Banner設(shè)計 226
11．4．3 舉一反三：以同系列進行擴展 227
11．5 長圖設(shè)計 229
11．5．1 視覺之外：長圖設(shè)計規(guī)范 229
11．5．2 案例解析：書店開業(yè)活動長圖設(shè)計 231
11．5．3 舉一反三：改變一下風格 233
附錄 235
超市的傳單真的很丑嗎？ 235
“唯視覺論”思考陷阱 235
聚焦策略轉(zhuǎn)化落地環(huán)節(jié) 236
學設(shè)計兩年了，還是覺得沒什么進步？ 238
設(shè)計師的“對數(shù)增長曲線技能” 239
設(shè)計師的“指數(shù)增長曲線技能” 239