內容簡介
本書是一本講解版式設計和配色的圖書,共分8章,分別為色彩達人必學知識、版式設計基礎知識、色彩搭配基礎知識、版式設計的布局與色彩、版式設計的圖片與色彩、版式設計的文字與色彩、版式配色的套用、綜合版式配色。
本書章節安排合理,理論紮實、案例精彩,全書設定了“動手練習”、“設計師談”、“配色方案”、“猜你喜歡”等特色模組。
書中大量的國內外優秀案例和作品賞析,均為國際最新潮、最流行的設計作品,既有經典的理論分析,又有豐富的思路拓展,案例中還有精準的色彩數值和設計剖析,非常值得讀者借鑑和學習。
本書是版式設計、海報設計、包裝設計、平面設計、廣告設計、書刊設計、展示設計等專業必備的速查工具書,也可作為各大培訓機構、大中專院校師生的理論參考書。
圖書目錄
第 1章 色彩達人必學知識 1
1.1 色彩究竟是什麼 2
1.2 色彩能夠做什麼 2
1.2.1 識別判斷 2
1.2.2 襯托對比 3
1.2.3 渲染氣氛 3
1.2.4 修飾裝扮 4
1.3 色彩的類型 4
1.3.1 有彩色 4
1.3.2 無彩色 4
1.4 色彩的三大屬性 4
1.4.1 色相 5
1.4.2 明度 6
1.4.3 純度 7
1.5 色彩的心理感受 8
1.5.1 色彩是有重量的 8
1.5.2 色彩的冷暖 8
1.5.3 前進色和後退色 9
1.6 圖像的色調 9
第 2章 版式設計基礎知識 11
2.1 構成版式的要素 12
2.1.1 布局 13
2.1.2 色彩 13
2.1.3 文字 13
2.1.4 圖片 / 圖形 14
2.2 構成版式的點、線、面 15
2.2.1 點 16
2.2.2 線 17
2.2.3 面 18
2.2.4 點線面的混排 18
2.3 版式的視覺流程 19
2.3.1 單向視覺流程 20
2.3.2 曲線視覺流程 20
2.3.3 重心視覺流程 21
2.3.4 導向性視覺流程 22
2.3.5 反覆視覺流程 22
2.4 版式設計的色彩搭配 23
第 3章 色彩搭配基礎知識 27
3.1 認識基礎色 28
3.1.1 紅 29
3.1.2 橙 30
3.1.3 黃 31
3.1.4 綠 32
3.1.5 青 33
3.1.6 藍 34
3.1.7 紫 35
3.1.8 黑、白、灰 36
3.2 主色、輔助色、點綴色的關係 38
3.2.1 主色 39
3.2.2 輔助色 39
3.2.3 點綴色 39
3.3 色彩的對比 40
3.3.1 明度對比 41
3.3.2 純度對比 41
3.3.3 色相對比 42
3.3.4 面積對比 44
3.3.5 冷暖對比 45
3.4 顏色搭配的一般原則 45
第 4章 版式設計的布局與色彩 47
4.1 骨骼型和滿版型 48
4.1.1 骨骼型——豎向通欄 49
4.1.2 骨骼型——雙欄、三欄、四欄 49
4.1.3 動手練習——將文字進行分欄 50
4.1.4 設計師談——利用曲線為畫面
增加活力 50
4.1.5 配色實戰——中明度色彩基調
配色方案 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 動手練習——增加畫面顏色的純度為
畫面增加活力 54
4.1.13 設計師談——使用隔離色使畫面顏色
層次分明 54
4.1.14 配色實戰——為插畫添加同類色的
背景顏色 54
4.1.15 常見色彩搭配 55
4.1.16 猜你喜歡 55
4.2 分割型和中軸型 56
4.2.1 分割型——自由分割 57
4.2.2 分割型——等形分割 57
4.2.3 分割型——規整分割 58
4.2.4 分割型——黃金分割 58
4.2.5 動手練習——利用模糊的背景使主體
更加突出 59
4.2.6 設計師談——利用重複性增加視覺
印象 59
4.2.7 配色實戰——中明度色彩基調配色
方案 59
4.2.8 常見色彩搭配 60
4.2.9 猜你喜歡 60
4.2.10 中軸型——縱向 61
4.2.11 中軸型——橫向 61
4.2.12 動手練習——將畫面中元素旋轉
活躍畫面氣氛 62
4.2.13 設計師談——利用顏色純度推移
為畫面增加空間感 62
4.2.14 配色實戰——文字類型海報配色方案 62
4.2.15 常見色彩搭配 63
4.2.16 猜你喜歡 63
4.3 曲線型和傾斜型 64
4.3.1 曲線型——分割型曲線 65
4.3.2 曲線型——裝飾型曲線 65
4.3.3 曲線型——引導型曲線 66
4.3.4 曲線型——構成型曲線 66
4.3.5 動手練習——為畫面添加曲線元素 67
4.3.6 設計師談——巧用視覺重心 67
4.3.7 配色實戰——低明度的色彩搭配 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 動手練習——利用互補色配色原理
使封面更加具有吸引力 71
4.3.15 設計師談——巧用視覺流程 71
4.3.16 配色實戰——音樂海報配色方案 71
4.3.17 常見色彩搭配 72
4.3.18 猜你喜歡 72
4.4 對稱型和重心型 73
4.4.1 對稱型——絕對對稱 74
4.4.2 對稱型——相對對稱 74
4.4.3 動手練習——利用破版增加版面設計感 75
4.4.4 設計師談——作品中點、線、面的結合 75
4.4.5 配色實戰——裝飾元素與主體物的配色方案 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 動手練習——修改圖片尺寸 79
4.4.13 設計師談——統一圖片間隔的距離 79
4.4.14 配色實戰——中純度的色彩搭配 79
4.4.15 常見色彩搭配 80
4.4.16 猜你喜歡 80
4.5 三角型和自由型 81
4.5.1 三角型——正三角形 82
4.5.2 三角型——倒三角形 82
4.5.3 動手練習——利用分割線將版面自由分割 83
4.5.4 設計師談——利用元素銜接版面 83
4.5.5 配色實戰——插畫的配色方案 83
4.5.6 常見色彩搭配 84
4.5.7 猜你喜歡 84
4.5.8 自由型——並置自由型 85
4.5.9 自由型——拼貼自由型 85
4.5.10 動手練習——利用自由型的構圖
方式增加畫面動感 86
4.5.11 設計師談——考慮人的視線方向 86
4.5.12 配色實戰——海報配色方案 86
4.5.13 常見色彩搭配 87
4.5.14 猜你喜歡 87
第 5章 版式設計的圖片與色彩 89
5.1 整版圖片 90
5.1.1 對稱 91
5.1.2 互動 91
5.1.3 組合 92
5.1.4 留白 92
5.1.5 動手練習——利用滿版圖打造舒展的
視覺效果 93
5.1.6 設計師談——色彩的重複 93
5.1.7 配色實戰——兒童書籍封面配色 93
5.1.8 常見色彩搭配 94
5.1.9 猜你喜歡 94
5.2 方型與自由型 95
5.2.1 方型——穩定 96
5.2.2 方型——變換 96
5.2.3 自由型——靈活 97
5.2.4 自由型——創意 97
5.2.5 動手練習——增加色度使
畫面更突出 98
5.2.6 設計師談——利用類似色的配色原理達
到視覺上的平衡感 98
5.2.7 配色實戰——名片的配色 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 動手練習——為圖片加框線 103
5.3.6 設計師談——灰色調的套用 103
5.3.7 配色實戰——中明度色彩搭配 103
5.3.8 常見色彩搭配 104
5.3.9 猜你喜歡 104
5.4 圖片數量 105
5.4.1 圖片數量多——生動 106
5.4.2 圖片數量多——飽滿 106
5.4.3 圖片數量少——直觀 107
5.4.4 圖片數量少——大方 107
5.4.5 動手練習——適當留白為畫面
營造空間感 108
5.4.6 設計師談——巧用視覺的節奏 108
5.4.7 配色實戰——網頁廣告配色方案 108
5.4.8 常見色彩搭配 109
5.4.9 猜你喜歡 109
5.5 說明圖片 110
5.5.1 美觀 111
5.5.2 新奇 111
5.5.3 時尚 112
5.5.4 簡潔 112
5.5.5 動手練習——為包裝上的字型換個顏色 113
5.5.6 設計師談——白色的巧妙運用 113
5.5.7 配色實戰——暖色調的配色方案 113
5.5.8 常見色彩搭配 114
5.5.9 猜你喜歡 114
5.6 插畫運用 115
5.6.1 新銳風格 116
5.6.2 矢量風格 116
5.6.3 線描風格 117
5.6.4 塗鴉風格 117
5.6.5 動漫風格 118
5.6.6 混搭風格 118
5.6.7 動手練習——為版面中的文字換
一個合適的顏色 119
5.6.8 設計師談——將商品擬人化增加
畫面親和力 119
5.6.9 配色實戰——插畫場景色彩搭配 119
5.6.10 常見色彩搭配 120
5.6.11 猜你喜歡 120
第 6章 版式設計的文字與色彩 121
6.1 文字的組合 122
6.1.1 左右對齊——穩定 123
6.1.2 齊中對齊——對稱 123
6.1.3 齊左對齊——常規 124
6.1.4 齊右對齊——創新 124
6.1.5 繞圖排列——曲線 125
6.1.6 繞圖排列——硬朗 125
6.1.7 動手練習——修改畫面文字對齊方式 126
6.1.8 設計師談——文字不是越多越好 126
6.1.9 配色實戰——企業宣傳手冊內頁
配色方案 126
6.1.10 常見色彩搭配 127
6.1.11 猜你喜歡 127
6.2 標題文字 128
6.2.1 粗體文字——增加吸引力 129
6.2.2 粗體文字——增強信息性 129
6.2.3 斜體文字——活潑 130
6.2.4 斜體文字——趣味性 130
6.2.5 藝術字——強化主題 131
6.2.6 藝術字——增加美感 131
6.2.7 大文字——搶眼 132
6.2.8 大文字——個性 132
6.2.9 小文字——別致 133
6.2.10 小文字——精巧 133
6.2.11 動手練習——使標題文字更加突出 134
6.2.12 設計師談——統一文字顏色與
畫面顏色 134
6.2.13 配色實戰——柔和色調的配色方案 134
6.2.14 常見色彩搭配 135
6.2.15 猜你喜歡 135
6.3 目錄 136
6.3.1 目錄——平衡 137
6.3.2 目錄——創新 137
6.3.3 目錄——緊湊 138
6.3.4 目錄——簡潔 138
6.3.5 目錄——規整 139
6.3.6 目錄——欣賞 139
6.3.7 動手練習——為目錄換一個
靈活的版面 140
6.3.8 設計師談——無彩色搭配、單色搭配、
兩色搭配、三色搭配 140
6.3.9 配色實戰——三折頁宣傳單的配色方案 141
6.3.10 常見色彩搭配 141
6.3.11 猜你喜歡 141
6.4 首字強調 142
6.4.1 首字強調——常規 143
6.4.2 首字強調——和諧 143
6.4.3 首字強調——誇張 144
6.4.4 首字強調——時尚 144
6.4.5 動手練習——利用首字強調增加
文字吸引力 145
6.4.6 設計師談——色彩的輕重 145
6.4.7 配色實戰——名片的配色 145
6.4.8 常見色彩搭配 146
6.4.9 猜你喜歡 146
第 7章 版式配色的套用 147
7.1 書籍版式設計 148
7.1.1 文學類——封面 149
7.1.2 文學類——內頁 149
7.1.3 藝術類——封面 150
7.1.4 藝術類——內頁 150
7.1.5 兒童類——封面 151
7.1.6 兒童類——內頁 151
7.1.7 學術類——封面 152
7.1.8 學術類——內頁 152
7.1.9 動手練習——更換為突出主體
的背景 153
7.1.10 設計師談——調整色彩領地 153
7.1.11 配色實戰——請柬封面的常見
色彩搭配 153
7.1.12 常見色彩搭配 154
7.1.13 猜你喜歡 154
7.2 報紙版式設計 155
7.2.1 創意 156
7.2.2 多彩 156
7.2.3 規整 157
7.2.4 連貫 157
7.2.5 動手練習——增加畫面明度使畫面
視覺衝擊力更加強烈 158
7.2.6 設計師談——互補色在平面設計
中的套用 158
7.2.7 配色實戰——低純度配色方案 158
7.2.8 常見色彩搭配 159
7.2.9 猜你喜歡 159
7.3 雜誌版式設計 160
7.3.1 時尚類——封面 161
7.3.2 時尚類——內頁 161
7.3.3 人文科學——封面 162
7.3.4 人文科學——內頁 162
7.3.5 技術類——封面 163
7.3.6 技術類——內頁 163
7.3.7 藝術類——封面 164
7.3.8 藝術類——內頁 164
7.3.9 動手練習——增加畫面顏色純度 165
7.3.10 設計師談——小清新色調的套用 165
7.3.11 配色實戰——可愛風格色彩搭配 165
7.3.12 常見色彩搭配 166
7.3.13 猜你喜歡 166
7.4 招貼海報版式設計 167
7.4.1 電影海報 168
7.4.2 文化海報 168
7.4.3 商業海報 169
7.4.4 公益海報 169
7.4.5 動手練習——為礦泉水海報
更換一個背景 170
7.4.6 設計師談——巧妙利用調和色 170
7.4.7 配色實戰——卡片色彩搭配 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 企業宣傳冊 174
7.5.5 動手練習——為插圖打造單色的
復古色調 175
7.5.6 設計師談——大膽運用黑色 175
7.5.7 配色實戰——企業 VI 設計
色彩搭配 175
7.5.8 常見色彩搭配 176
7.5.9 猜你喜歡 176
8章 綜合版式配色 177
8.1 活力旅遊網站 178
8.1.1 項目分析 178
8.1.2 案例分析 178
8.1.3 版式分析 179
8.1.4 配色方案 180
8.2 創意電影海報 182
8.2.1 項目分析 182
8.2.2 案例分析 182
8.2.3 版式分析 183
8.2.4 版式分析 184
8.3 家具網站促銷廣告 186
8.3.1 項目分析 186
8.3.2 案例分析 186
8.3.3 版式分析 187
8.3.4 配色方案 188
8.4 品牌服裝宣傳廣告 190
8.4.1 項目分析 190
8.4.2 案例分析 190
8.4.3 版式分析 191
8.4.4 配色方案 192
8.5 商場宣傳招貼 194
8.5.1 項目分析 194
8.5.2 案例分析 194
8.5.3 版式分析 195
8.5.4 版式分析 196
8.6 數碼時尚雜誌內頁 198
8.6.1 項目分析 198
8.6.2 案例分析 198
8.6.3 版式分析 198
8.6.4 配色方案 199