版式設計配色從入門到精通

版式設計配色從入門到精通

《版式設計配色從入門到精通》是2018年上海交通大學出版社出版的一本圖書,作者是瞿穎健。

基本介紹

  • 書名:版式設計配色從入門到精通
  • 作者:瞿穎健
  • ISBN:978-7-122-30161-1
  • 頁數:200頁
  • 出版社:上海交通大學出版社
  • 出版時間:2018年1月
  • 裝幀:平裝
  • 開本:16開
內容簡介,目錄,

內容簡介

本書是一本講解版式設計和配色的圖書,內容涉及色彩達人必學知識、版式設計基礎知識、色彩搭配基礎知識、版式設計的布局與色彩、版式設計的圖片與色彩、版式設計的文字與色彩、版式配色的套用、綜合版式配色。
本書章節安排合理,理論紮實、案例精彩,全書設定了“動手練習”、“設計師談”、“配色方案”、“猜你喜歡”等特色模組。
書中大量的國內外優秀案例和作品賞析,均為國際較新潮和流行的設計作品,既有經典的理論分析,又有豐富的思路拓展,案例中還有精準的色彩數值和設計剖析,非常值得讀者借鑑和學習。
本書是版式設計、海報設計、包裝設計、平面設計、廣告設計、書刊設計、展示設計等專業必備的速查工具書,也可作為各大培訓機構、大中專院校師生的理論參考書。

目錄

第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 明度 |5
1.3.3 純度 |6
1.4 色彩的心理感受 |7
1.4.1 色彩是有重量的 |8
1.4.2 色彩的冷暖 |8
1.4.3 前進色和後退色 |8
1.5 顏色搭配的基本原則 |9
1.6 主色、輔助色、點綴色的關係 |11
1.6.1 主色 |12
1.6.2 輔助色 |12
1.6.3 點綴色 |12
1.7 色彩的對比 |13
1.7.1 明度對比 |14
1.7.2 純度對比 |14
1.7.3 色相對比 |15
1.7.4 面積對比 |17
1.7.5 冷暖對比 |18
第2章 版式設計基礎知識 |19
2.1 構成版式的要素 |20
2.1.1 布局 |21
2.1.2 色彩 |21
2.1.3 文字 |21
2.1.4 圖片/圖形 |22
2.2 構成版式的點、線、面 |23
2.2.1 點 |24
2.2.2 線 |25
2.2.3 面 |26
2.2.4 點線面的混排 |26
2.3 版式的視覺流程 |27
2.3.1 單向視覺流程 |28
2.3.2 曲線視覺流程 |28
2.3.3 重心視覺流程 |29
2.3.4 導向性視覺流程 |30
2.3.5 反覆視覺流程 |30
2.4 版式設計的基本程式 |31
第3章 了解基礎色 |35
3.1 紅 |37
3.2 橙 |38
3.3 黃 |39
3.4 綠 |40
3.5 青 |41
3.6 藍 |42
3.7 紫 |43
3.8 黑、白、灰 |44
3.9基礎色的使用原則 |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.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

相關詞條

熱門詞條

聯絡我們