版式設(shè)計(jì)配色從入門到精通

第1章 色彩達(dá)人必學(xué)知識(shí) ｜1

1.1 認(rèn)識(shí)色彩 ｜2

1.2 色彩能夠做什么 ｜2

1.2.1 識(shí)別判斷 ｜2

1.2.2 襯托對(duì)比 ｜3

1.2.3 渲染氣氛 ｜3

1.2.4 修飾裝扮 ｜4

1.3 色彩的三大屬性 ｜4

1.3.1 色相 ｜4

1.3.2 明度 ｜5

1.3.3 純度 ｜6

1.4 色彩的心理感受 ｜7

1.4.1 色彩是有重量的 ｜8

1.4.2 色彩的冷暖 ｜8

1.4.3 前進(jìn)色和后退色 ｜8

1.5 顏色搭配的基本原則 ｜9

1.6 主色、輔助色、點(diǎn)綴色的關(guān)系 ｜11

1.6.1 主色 ｜12

1.6.2 輔助色 ｜12

1.6.3 點(diǎn)綴色 ｜12

1.7 色彩的對(duì)比 ｜13

1.7.1 明度對(duì)比 ｜14

1.7.2 純度對(duì)比 ｜14

1.7.3 色相對(duì)比 ｜15

1.7.4 面積對(duì)比 ｜17

1.7.5 冷暖對(duì)比 ｜18

第2章 版式設(shè)計(jì)基礎(chǔ)知識(shí) ｜19

2.1 構(gòu)成版式的要素 ｜20

2.1.1 布局 ｜21

2.1.2 色彩 ｜21

2.1.3 文字 ｜21

2.1.4 圖片/圖形 ｜22

2.2 構(gòu)成版式的點(diǎn)、線、面 ｜23

2.2.1 點(diǎn) ｜24

2.2.2 線 ｜25

2.2.3 面 ｜26

2.2.4 點(diǎn)線面的混排 ｜26

2.3 版式的視覺流程 ｜27

2.3.1 單向視覺流程 ｜28

2.3.2 曲線視覺流程 ｜28

2.3.3 重心視覺流程 ｜29

2.3.4 導(dǎo)向性視覺流程 ｜30

2.3.5 反復(fù)視覺流程 ｜30

2.4 版式設(shè)計(jì)的基本程序 ｜31

第3章 了解基礎(chǔ)色 ｜35

3.1 紅 ｜37

3.2 橙 ｜38

3.3 黃 ｜39

3.4 綠 ｜40

3.5 青 ｜41

3.6 藍(lán) ｜42

3.7 紫 ｜43

3.8 黑、白、灰 ｜44

3.9基礎(chǔ)色的使用原則 ｜45

第4章 版式設(shè)計(jì)的布局與色彩 ｜47

4.1 骨骼型和滿版型 ｜48

4.1.1 骨骼型——豎向通欄 ｜49

4.1.2 骨骼型——雙欄、三欄、四欄 ｜49

4.1.3 動(dòng)手練習(xí)——將文字進(jìn)行分欄 ｜50

4.1.4 設(shè)計(jì)師談——利用曲線為畫面增加活力 ｜50

4.1.5 配色實(shí)戰(zhàn)——中明度色彩基調(diào)配色方案 ｜50

4.1.6 常見色彩搭配 ｜51

4.1.7 猜你喜歡 ｜51

4.1.8 滿版型——飽滿 ｜52

4.1.9 滿版型——突出 ｜52

4.1.10 滿版型——豐富 ｜53

4.1.11 滿版型——靈活 ｜53

4.1.12 動(dòng)手練習(xí)——增加畫面顏色的純度為畫面增加活力 ｜54

4.1.13 設(shè)計(jì)師談——使用隔離色使畫面顏色層次分明 ｜54

4.1.14 配色實(shí)戰(zhàn)——為插畫添加同類色的背景顏色 ｜54

4.1.15 常見色彩搭配 ｜55

4.1.16 猜你喜歡 ｜55

4.2 分割型和中軸型 ｜56

4.2.1 分割型——自由分割 ｜57

4.2.2 分割型——等形分割 ｜57

4.2.3 分割型——規(guī)整分割 ｜58

4.2.4 分割型——黃金分割 ｜58

4.2.5 動(dòng)手練習(xí)——調(diào)整圖像位置增加畫面節(jié)奏感 ｜59

4.2.6 設(shè)計(jì)師談——利用重復(fù)性增加視覺印象 ｜59

4.2.7 配色實(shí)戰(zhàn)——中明度色彩基調(diào)配色方案 ｜59

4.2.8 常見色彩搭配 ｜60

4.2.9 猜你喜歡 ｜60

4.2.10 中軸型——縱向 ｜61

4.2.11 中軸型——橫向 ｜61

4.2.12 動(dòng)手練習(xí)——將畫面中元素旋轉(zhuǎn)活躍畫面氣氛 ｜62

4.2.13 設(shè)計(jì)師談——利用顏色純度推移為畫面增加空間感 ｜62

4.2.14 配色實(shí)戰(zhàn)——文字類型海報(bào)配色方案 ｜62

4.2.15 常見色彩搭配 ｜63

4.2.16 猜你喜歡 ｜63

4.3 曲線型和傾斜型 ｜64

4.3.1 曲線型——分割型曲線 ｜65

4.3.2 曲線型——裝飾型曲線 ｜65

4.3.3 曲線型——引導(dǎo)型曲線 ｜66

4.3.4 曲線型——構(gòu)成型曲線 ｜66

4.3.5 動(dòng)手練習(xí)——為畫面添加曲線元素 ｜67

4.3.6 設(shè)計(jì)師談——巧用視覺重心 ｜67

4.3.7 配色實(shí)戰(zhàn)——低明度的色彩搭配 ｜67

4.3.8 常見色彩搭配 ｜68

4.3.9 猜你喜歡 ｜68

4.3.10 傾斜型——整體傾斜 ｜69

4.3.11 傾斜型——部分傾斜 ｜69

4.3.12 傾斜型——左高右低傾斜 ｜70

4.3.13 傾斜型——左低右高傾斜 ｜70

4.3.14 動(dòng)手練習(xí)——利用互補(bǔ)色配色原理使封面更加具有吸引力 ｜71

4.3.15 設(shè)計(jì)師談——巧用視覺流程 ｜71

4.3.16 配色實(shí)戰(zhàn)——音樂海報(bào)配色方案 ｜71

4.3.17 常見色彩搭配 ｜72

4.3.18 猜你喜歡 ｜72

4.4 對(duì)稱型和重心型 ｜73

4.4.1 對(duì)稱型——完全對(duì)稱 ｜74

4.4.2 對(duì)稱型——類似對(duì)稱 ｜74

4.4.3 動(dòng)手練習(xí)——利用破版增加版面設(shè)計(jì)感 ｜75

4.4.4 設(shè)計(jì)師談——作品中點(diǎn)、線、面的結(jié)合 ｜75

4.4.5 配色實(shí)戰(zhàn)——裝飾元素與主體物的配色方案 ｜75

4.4.6 常見色彩搭配 ｜76

4.4.7 猜你喜歡 ｜76

4.4.8 重心型——居中型重心 ｜77

4.4.9 重心型——向上型重心 ｜77

4.4.10 重心型——離心型重心 ｜78

4.4.11 重心型——向心型重心 ｜78

4.4.12 動(dòng)手練習(xí)——修改圖片尺寸 ｜79

4.4.13 設(shè)計(jì)師談——統(tǒng)一圖片間隔的距離 ｜79

4.4.14 配色實(shí)戰(zhàn)——中純度的色彩搭配 ｜79

4.4.15 常見色彩搭配 ｜80

4.4.16 猜你喜歡 ｜80

4.5 三角型和自由型 ｜81

4.5.1 三角型——正三角形 ｜82

4.5.2 三角型——倒三角形 ｜82

4.5.3 動(dòng)手練習(xí)——利用分割線將版面自由分割 ｜83

4.5.4 設(shè)計(jì)師談——利用元素銜接版面 ｜83

4.5.5 配色實(shí)戰(zhàn)——插畫的配色方案 ｜83

4.5.6 常見色彩搭配 ｜84

4.5.7 猜你喜歡 ｜84

4.5.8 自由型——并置自由型 ｜85

4.5.9 自由型——拼貼自由型 ｜85

4.5.10 動(dòng)手練習(xí)——利用自由型的構(gòu)圖方式增加畫面動(dòng)感 ｜86

4.5.11 設(shè)計(jì)師談——考慮人的視線方向 ｜86

4.5.12 配色實(shí)戰(zhàn)——海報(bào)配色方案 ｜86

4.5.13 常見色彩搭配 ｜87

4.5.14 猜你喜歡 ｜87

第5章 版式設(shè)計(jì)的圖片與色彩 ｜89

5.1 滿版圖片 ｜90

5.1.1 對(duì)稱 ｜91

5.1.2 互動(dòng) ｜91

5.1.3 組合 ｜92

5.1.4 留白 ｜92

5.1.5 動(dòng)手練習(xí)——利用滿版圖打造舒展的視覺效果 ｜93

5.1.6 設(shè)計(jì)師談——色彩的重復(fù) ｜93

5.1.7 配色實(shí)戰(zhàn)——兒童書籍封面配色 ｜93

5.1.8 常見色彩搭配 ｜94

5.1.9 猜你喜歡 ｜94

5.2 方型與自由型 ｜95

5.2.1 方型——穩(wěn)定 ｜96

5.2.2 方型——變換 ｜96

5.2.3 自由型——靈活 ｜97

5.2.4 自由型——?jiǎng)?chuàng)意 ｜97

5.2.5 動(dòng)手練習(xí)——增加色度使畫面更突出 ｜98

5.2.6 設(shè)計(jì)師談——利用類似色的配色原理達(dá)到視覺上的平衡感 ｜98

5.2.7 配色實(shí)戰(zhàn)——名片的配色 ｜98

5.2.8 常見色彩搭配 ｜99

5.2.9 猜你喜歡 ｜99

5.3 圖片邊框 ｜100

5.3.1 加粗式 ｜101

5.3.2 描邊式 ｜101

5.3.3 形狀式 ｜102

5.3.4 框中框式 ｜102

5.3.5 動(dòng)手練習(xí)——為圖片加邊框 ｜103

5.3.6 設(shè)計(jì)師談——灰色調(diào)的應(yīng)用 ｜103

5.3.7 配色實(shí)戰(zhàn)——中明度色彩搭配 ｜103

5.3.8 常見色彩搭配 ｜104

5.3.9 猜你喜歡 ｜104

5.4 圖片數(shù)量 ｜105

5.4.1 圖片數(shù)量多——生動(dòng) ｜106

5.4.2 圖片數(shù)量多——飽滿 ｜106

5.4.3 圖片數(shù)量少——直觀 ｜107

5.4.4 圖片數(shù)量少——大方 ｜107

5.4.5 動(dòng)手練習(xí)——適當(dāng)留白為畫面營造空間感 ｜108

5.4.6 設(shè)計(jì)師談——巧用視覺的節(jié)奏 ｜108

5.4.7 配色實(shí)戰(zhàn)——網(wǎng)頁廣告配色方案 ｜108

5.4.8 常見色彩搭配 ｜109

5.4.9 猜你喜歡 ｜109

5.5 說明圖片 ｜110

5.5.1 美觀 ｜111

5.5.2 新奇 ｜111

5.5.3 時(shí)尚 ｜112

5.5.4 簡潔 ｜112

5.5.5 動(dòng)手練習(xí)——為包裝上的字體換個(gè)顏色 ｜113

5.5.6 設(shè)計(jì)師談——白色的巧妙運(yùn)用 ｜113

5.5.7 配色實(shí)戰(zhàn)——暖色調(diào)的配色方案 ｜113

5.5.8 常見色彩搭配 ｜114

5.5.9 猜你喜歡 ｜114

5.6 插畫運(yùn)用 ｜115

5.6.1 新銳風(fēng)格 ｜116

5.6.2 矢量風(fēng)格 ｜116

5.6.3 線描風(fēng)格 ｜117

5.6.4 涂鴉風(fēng)格 ｜117

5.6.5 動(dòng)漫風(fēng)格 ｜118

5.6.6 混搭風(fēng)格 ｜118

5.6.7 動(dòng)手練習(xí)——為版面中的文字換一個(gè)合適的顏色 ｜119

5.6.8 設(shè)計(jì)師談——將商品擬人化增加畫面親和力 ｜119

5.6.9 配色實(shí)戰(zhàn)——插畫場景色彩搭配 ｜119

5.6.10 常見色彩搭配 ｜120

5.6.11 猜你喜歡 ｜120

第6章 版式設(shè)計(jì)的文字與色彩 ｜121

6.1 文字的組合 ｜122

6.1.1 左右對(duì)齊——穩(wěn)定 ｜123

6.1.2 齊中對(duì)齊——對(duì)稱 ｜123

6.1.3 齊左對(duì)齊——常規(guī) ｜124

6.1.4 齊右對(duì)齊——?jiǎng)?chuàng)新 ｜124

6.1.5 繞圖排列——曲線 ｜125

6.1.6 繞圖排列——硬朗 ｜125

6.1.7 動(dòng)手練習(xí)——修改畫面文字對(duì)齊方式 ｜126

6.1.8 設(shè)計(jì)師談——文字不是越多越好 ｜126

6.1.9 配色實(shí)戰(zhàn)——企業(yè)宣傳手冊內(nèi)頁配色方案 ｜126

6.1.10 常見色彩搭配 ｜127

6.1.11 猜你喜歡 ｜127

6.2 標(biāo)題文字 ｜128

6.2.1 粗體文字——增加吸引力 ｜129

6.2.2 粗體文字——增強(qiáng)信息性 ｜129

6.2.3 斜體文字——活潑 ｜130

6.2.4 斜體文字——趣味性 ｜130

6.2.5 藝術(shù)字——強(qiáng)化主題 ｜131

6.2.6 藝術(shù)字——增加美感 ｜131

6.2.7 大文字——搶眼 ｜132

6.2.8 大文字——個(gè)性 ｜132

6.2.9 小文字——?jiǎng)e致 ｜133

6.2.10 小文字——精巧 ｜133

6.2.11 動(dòng)手練習(xí)——使標(biāo)題文字更加突出 ｜134

6.2.12 設(shè)計(jì)師談——統(tǒng)一文字顏色與畫面顏色 ｜134

6.2.13 配色實(shí)戰(zhàn)——柔和色調(diào)的配色方案 ｜134

6.2.14 常見色彩搭配 ｜135

6.2.15 猜你喜歡 ｜135

6.3 目錄 ｜136

6.3.1 目錄——平衡 ｜137

6.3.2 目錄——?jiǎng)?chuàng)新 ｜137

6.3.3 目錄——緊湊 ｜138

6.3.4 目錄——簡潔 ｜138

6.3.5 目錄——規(guī)整 ｜139

6.3.6 目錄——分割 ｜139

6.3.7 動(dòng)手練習(xí)——為目錄換一個(gè)靈活的版面 ｜140

6.3.8 設(shè)計(jì)師談——無彩色搭配、單色搭配、兩色搭配、三色搭配 ｜140

6.3.9 配色實(shí)戰(zhàn)——三折頁宣傳單的配色方案 ｜141

6.3.10 常見色彩搭配 ｜141

6.3.11 猜你喜歡 ｜141

6.4 首字強(qiáng)調(diào) ｜142

6.4.1 首字強(qiáng)調(diào)——常規(guī) ｜143

6.4.2 首字強(qiáng)調(diào)——和諧 ｜143

6.4.3 首字強(qiáng)調(diào)——夸張 ｜144

6.4.4 首字強(qiáng)調(diào)——時(shí)尚 ｜144

6.4.5 動(dòng)手練習(xí)——利用首字強(qiáng)調(diào)增加文字吸引力 ｜145

6.4.6 設(shè)計(jì)師談——首字下沉 ｜145

6.4.7 配色實(shí)戰(zhàn)——名片的配色 ｜145

6.4.8 常見色彩搭配 ｜146

6.4.9 猜你喜歡 ｜146

第7章 版式配色的應(yīng)用 ｜147

7.1 書籍版式設(shè)計(jì) ｜148

7.1.1 文學(xué)類——封面 ｜149

7.1.2 文學(xué)類——內(nèi)頁 ｜149

7.1.3 藝術(shù)類——封面 ｜150

7.1.4 藝術(shù)類——內(nèi)頁 ｜150

7.1.5 兒童類——封面 ｜151

7.1.6 兒童類——內(nèi)頁 ｜151

7.1.7 社科類——封面 ｜152

7.1.8 社科類——內(nèi)頁 ｜152

7.1.9 動(dòng)手練習(xí)——更換為突出主體的背景 ｜153

7.1.10 設(shè)計(jì)師談——調(diào)整色彩領(lǐng)地 ｜153

7.1.11 配色實(shí)戰(zhàn)——請柬封面的常見色彩搭配 ｜153

7.1.12 常見色彩搭配 ｜154

7.1.13 猜你喜歡 ｜154

7.2 報(bào)紙版式設(shè)計(jì) ｜155

7.2.1 創(chuàng)意 ｜156

7.2.2 多彩 ｜156

7.2.3 規(guī)整 ｜157

7.2.4 連貫 ｜157

7.2.5 動(dòng)手練習(xí)——增加畫面明度使畫面視覺沖擊力更加強(qiáng)烈 ｜158

7.2.6 設(shè)計(jì)師談——互補(bǔ)色在平面設(shè)計(jì)中的應(yīng)用 ｜158

7.2.7 配色實(shí)戰(zhàn)——低純度配色方案 ｜158

7.2.8 常見色彩搭配 ｜159

7.2.9 猜你喜歡 ｜159

7.3 雜志版式設(shè)計(jì) ｜160

7.3.1 時(shí)尚類——封面 ｜161

7.3.2 時(shí)尚類——內(nèi)頁 ｜161

7.3.3 人文科學(xué)——封面 ｜162

7.3.4 人文科學(xué)——內(nèi)頁 ｜162

7.3.5 技術(shù)類——封面 ｜163

7.3.6 技術(shù)類——內(nèi)頁 ｜163

7.3.7 藝術(shù)類——封面 ｜164

7.3.8 藝術(shù)類——內(nèi)頁 ｜164

7.3.9 動(dòng)手練習(xí)——增加畫面顏色純度 ｜165

7.3.10 設(shè)計(jì)師談——小清新色調(diào)的應(yīng)用 ｜165

7.3.11 配色實(shí)戰(zhàn)——可愛風(fēng)格色彩搭配 ｜165

7.3.12 常見色彩搭配 ｜166

7.3.13 猜你喜歡 ｜166

7.4 招貼海報(bào)版式設(shè)計(jì) ｜167

7.4.1 電影海報(bào) ｜168

7.4.2 文化海報(bào) ｜168

7.4.3 商業(yè)海報(bào) ｜169

7.4.4 公益海報(bào) ｜169

7.4.5 動(dòng)手練習(xí)——為礦泉水海報(bào)更換一個(gè)背景 ｜170

7.4.6 設(shè)計(jì)師談——巧妙利用調(diào)和色 ｜170

7.4.7 配色實(shí)戰(zhàn)——卡片色彩搭配 ｜170

7.4.8 常見色彩搭配 ｜171

7.4.9 猜你喜歡 ｜171

7.5 廣告與宣傳冊 ｜172

7.5.1 廣告單頁 ｜173

7.5.2 廣告折頁 ｜173

7.5.3 DM雜志 ｜174

7.5.4 企業(yè)宣傳冊 ｜174

7.5.5 動(dòng)手練習(xí)——為插圖打造單色的復(fù)古色調(diào) ｜175

7.5.6 設(shè)計(jì)師談——大膽運(yùn)用黑色 ｜175

7.5.7 配色實(shí)戰(zhàn)——企業(yè)VI設(shè)計(jì)色彩搭配 ｜175

7.5.8 常見色彩搭配 ｜176

7.5.9 猜你喜歡 ｜176

第8章 綜合版式配色 ｜177

8.1 活力旅游網(wǎng)站 ｜178

8.1.1 項(xiàng)目分析 ｜178

8.1.2 案例分析 ｜178

8.1.3 版式分析 ｜179

8.1.4 配色方案 ｜180

8.2 創(chuàng)意電影海報(bào) ｜182

8.2.1 項(xiàng)目分析 ｜182

8.2.2 案例分析 ｜182

8.2.3 版式分析 ｜183

8.2.4 配色方案 ｜184

8.3 家具網(wǎng)站促銷廣告 ｜186

8.3.1 項(xiàng)目分析 ｜186

8.3.2 案例分析 ｜186

8.3.3 版式分析 ｜187

8.3.4 配色方案 ｜188

8.4 品牌服裝宣傳廣告 ｜190

8.4.1 項(xiàng)目分析 ｜190

8.4.2 案例分析 ｜190

8.4.3 版式分析 ｜191

8.4.4 配色方案 ｜192

8.5 商場宣傳招貼 ｜194

8.5.1 項(xiàng)目分析 ｜194

8.5.2 案例分析 ｜194

8.5.3 版式分析 ｜195

8.5.4 配色方案 ｜196

8.6 數(shù)碼時(shí)尚雜志內(nèi)頁 ｜198

8.6.1 項(xiàng)目分析 ｜198

8.6.2 案例分析 ｜198

8.6.3 版式分析 ｜198

8.6.4 配色方案 ｜199