平面設計師之路：版式設計原理與實例指導

第 1章 版式設計的基本要素/009
1.1　實用要素/010
1.1.1　版式設計的構成元素/010
1.1.2　版式設計的目的/017
1.1.3　版式設計的特性/019
1.2　視覺要素/022
1.2.1　文字形態(tài)/022
1.2.2　圖形樣式/024
1.2.3　色調(diào)統(tǒng)一/025
1.3　空間要素/025
1.3.1　引導閱讀的方向/025
1.3.2　營造版面空間/027
1.4　理念要素/028
1.4.1　版式設計的情感表達理念/028
1.4.2　版式設計的極簡理念/030

第　2章 版式設計的構圖原則/031
2.1　如何突出視覺焦點/032
2.1.1　放大圖片或文字/033
2.1.2　制作能吸引注意力的形狀/034
2.1.3　選擇鮮亮明快的色彩/035
2.1.4　添加底紋或紋理/036
2.1.5　確定視覺焦點的位置/037
2.2　如何把握視覺平衡/039
2.2.1　運用圖片/040
2.2.2　運用網(wǎng)格/042
2.3　如何進行視線引導/043
2.3.1　采用對角線構圖/043
2.3.2　采用Z形或S形構圖/044
2.4　如何把控閱讀節(jié)奏/045
2.5　如何理解三分法/046
2.6　如何強調(diào)主體/048
2.6.1　強調(diào)線條/048
2.6.2　強調(diào)圖形/049
2.7　如何留白/050
2.7.1　在構圖中預設留白/051
2.7.2　在比例中構造留白/051
2.7.3　在內(nèi)容中發(fā)現(xiàn)留白/052
2.8　如何正確使用主體元素/052
2.8.1　主體元素比例的對比/054
2.8.2　主體元素色彩的對比/054
2.8.3　主體元素層次的對比/055
2.8.4　主體元素插畫的應用/056

第3章　網(wǎng)格的應用/057
3.1　為什么要運用網(wǎng)格/058
3.1.1　使內(nèi)容規(guī)范整潔/058
3.1.2　提高工作效率/059
3.1.3　使閱讀更順暢/061
3.2　網(wǎng)格在版式設計中的作用/063
3.2.1　視覺元素關系形成/063
3.2.2　視覺審美的建立/064
3.2.3　信息的有效組織/066
3.3　如何創(chuàng)建網(wǎng)格/068
3.3.1　利用比例關系創(chuàng)建網(wǎng)格/069
3.3.2　利用單元格創(chuàng)建網(wǎng)格/070
3.4　網(wǎng)格的分類/072
3.4.1　分欄網(wǎng)格/072
3.4.2　模塊網(wǎng)格/073
3.4.3　自由型網(wǎng)格/074
3.5　如何繪制網(wǎng)格/075
3.5.1　版心的設置/075
3.5.2　分欄的設置/076
3.5.3　網(wǎng)格的繪制/077

第4章　文字的應用/079
4.1　如何選擇標題字體/080
4.1.1　現(xiàn)代字體/080
4.1.2　復古字體/081
4.1.3　再造字體/081
案例分析:《烘焙新品》海報設計/082
4.2　如何選擇正文字體/084
4.2.1　按設計風格和內(nèi)容選擇/085
4.2.2　按傳播媒介選擇/085
案例分析:《假日》畫冊內(nèi)頁設計/086
4.3　如何設計字體/089
4.3.1　筆畫代替/090
4.3.2　細節(jié)添加/091
4.3.3　筆畫刪減/091
4.3.4　效果添加/091
案例分析:《春游記》海報設計/092
4.4　如何使文字編排方便閱讀/095
4.4.1　字體與字號的選擇/095
4.4.2　字間距與行間距的設置/096
案例分析:《江南絲綢》畫冊內(nèi)頁設計/098
4.5　中文字體的編排方式/101
4.5.1　橫向排版/101
4.5.2　豎向排版/102
4.5.3　混合排版/103
案例分析:《擁抱夢想》海報設計/104
4.6　西文字體的編排方式/106
4.6.1　單欄網(wǎng)格設計/106
4.6.2　多欄網(wǎng)格設計/107
4.6.3　自由模塊設計/107
案例分析:《商業(yè)》雜志內(nèi)頁設計/108
4.7　中文標題與正文的編排方式/111
4.7.1　字體相同、粗細不同/111
4.7.2　字體與字號都不同/112
4.7.3　添加裝飾元素/113
案例分析:《濕地公園》畫冊內(nèi)頁設計/114
4.8　英文標題與正文的編排方式/117
4.8.1　平行結構布局/117
4.8.2　傾斜結構布局/118
4.8.3　自由結構布局/119
案例分析:《圖書館指南》內(nèi)頁設計/120
4.9　中英文結合的編排方式/123
4.9.1　中文與英文字體匹配/123
4.9.2　中文與英文橫排/124
4.9.3　中文與英文豎排/125
案例分析:《城市公寓》宣傳冊內(nèi)頁設計/126
4.10　如何設計純文字版式/129
4.10.1　依據(jù)版心的設置編排/129
4.10.2　純文字自由編排/130
案例分析:　雜志目錄頁設計/132
4.11　如何編排出與眾不同的文字/135
4.11.1　調(diào)整文字布局/135
4.11.2　剪切文字筆畫/136
4.11.3　負形空間的圖像化/137
案例分析:《營養(yǎng)膳食》海報設計/138
4.12　如何使文字具有圖形化功能/141
4.12.1　漢字圖形化/141
案例分析:《茶文化》海報設計/142
4.12.2　英文字母圖形化/145
案例分析:《狂歡節(jié)》海報設計/146

第5章　圖片的應用/149
5.1　如何讓圖片更好地詮釋文字/150
案例分析:《春的問候》卡片設計/152
5.2　如何利用圖片增強文字閱讀感/155
5.2.1　圖片要與內(nèi)容產(chǎn)生關聯(lián)/155
5.2.2　圖片質量要高/155
案例分析:《購物中心手冊》內(nèi)頁設計/156
5.3　如何運用不同風格的圖片/158
5.3.1　描述性圖片的運用/158
5.3.2　表現(xiàn)性圖片的運用/159
5.3.3　意境性圖片的運用/159
案例分析:《新茶》海報設計/160
5.4　如何利用圖片讓文字更具空間感/163
5.4.1　圖片為文字營造空間/163
5.4.2　圖片為文字平衡空間/163
案例分析:　《旅游》畫冊內(nèi)頁設計/164
5.5　如何利用圖片減弱閱讀枯燥感/167
案例分析:《藝術展覽》DM單設計/168
5.6　整版圖片和文字如何調(diào)配/171
案例分析:《時尚生活》畫冊內(nèi)頁設計/172
5.7　如何讓多圖片版面具有秩序感/175
5.7.1　有規(guī)律的多圖片編排/175
5.7.2　靈活多變的多圖片編排/175
案例分析:《新茶》宣傳冊內(nèi)頁設計/176
5.8　如何讓圖片與文字互為依托/179
案例分析:《潔具》畫冊內(nèi)頁設計/180
5.9　如何妙用裁剪后的圖片/182
5.9.1　幾何形狀裁剪/182
5.9.2　圖片輪廓裁剪/183
案例分析:《農(nóng)場》畫冊內(nèi)頁設計/184
5.10　如何利用圖片增強版面趣味性/187
案例分析:《環(huán)保袋》海報設計/188

第6章　色彩的應用/191
6.1　如何制訂配色方案/192
案例分析:《化妝品》海報設計/194
6.2　如何使用色輪/197
6.2.1　色輪的形成/197
6.2.2　色彩基礎/197
6.2.3　色彩組合/199
案例分析:《城市高爾夫球場》海報設計/200
6.3　如何從相關領域提取色彩/202
6.3.1　從攝影藝術中提取色彩/202
6.3.2　從繪畫藝術中提取色彩/203
案例分析:《湖景別墅》海報設計/204
6.4　如何從大自然中獲取色彩/206
6.4.1　從光線變化中獲取色彩/206
6.4.2　從自然景物中獲取色彩/207
案例分析:《兒童自然知識》網(wǎng)站首頁設計/208
6.5　如何制造色彩情感/210
6.5.1　熱情溫暖感/210
6.5.2　尊貴典雅感/211
6.5.3　浪漫溫柔感/212
6.5.4　清新爽快感/213
案例分析:《夏日之旅》海報設計/214
6.6　如何理解干凈整潔的色彩/217
6.6.1　色彩種類盡量少/217
6.6.2　色彩明度對比明顯/217
案例分析:《國際攝影節(jié)》海報設計/218
6.7　如何利用單色調(diào)進行版式設計/221
案例分析:《保護森林·愛護環(huán)境》海報設計/222
6.8　如何利用雙色調(diào)進行版式設計/224
案例分析:《盛夏歡樂頌》海報設計/226
6.9　如何使色彩產(chǎn)生高級感/229
6.9.1　調(diào)整色彩的純度和明度/229
6.9.2　嘗試運用不同的灰色調(diào)/231
案例分析:《SPA產(chǎn)品》海報設計/232

第7章　信息視覺化設計的應用/235
7.1　什么是信息視覺化/236
7.2　信息視覺圖的應用范圍/239
7.2.1　數(shù)據(jù)信息/239
7.2.2　說明信息/239
7.2.3　指示信息/240
7.3　如何做好信息視覺化設計/241
7.3.1　信息的邏輯分析/241
7.3.2　信息的組織規(guī)范/243
7.4　數(shù)據(jù)信息圖/244
7.4.1　數(shù)據(jù)的整理/245
7.4.2　數(shù)據(jù)信息圖的表現(xiàn)形式/245
7.5　在信息視覺圖中如何使用色彩/249
7.5.1　色調(diào)與明度/250
7.5.2　自然的色彩搭配/251
7.6　信息視覺圖的應用/254
7.6.1　信息視覺圖應符合版式設計風格/255
7.6.2　信息視覺圖作為版式設計主體/255