《Photoshop CC網頁配色設計全程揭秘（第2版）》是2019年清華大學出版社出版的圖書，作者是韋鸞鸞。
基本介紹
- 中文名：Photoshop CC網頁配色設計全程揭秘（第2版）
- 作者：韋鸞鸞
- 出版社：清華大學出版社
- 出版時間：2019年11月1日
- 定價：79.8 元
- ISBN：9787302532125
內容簡介,圖書目錄,
內容簡介
《PhotoshopCC網頁配色設計全程揭秘（第2版）》是一本關於網頁配色設計的經典之作，以PhotoshopCC為設計工具，對網頁設計的配色技巧和原理進行了全面、細緻的剖析。
《PhotoshopCC網頁配色設計全程揭秘（第2版）》首先從理論方面介紹了網頁配色的一些基礎知識，包括色彩基礎知識、網頁配色要求和規範、網頁配色的基本方法、網頁配色的選擇標準、網頁配色的色彩情感等內容，然後著重選擇了7種常用的色系，分別對它們的色彩意象進行詳細分析，配合配色案例的講解，使讀者在掌握軟體功能的同時迅速提高網頁配色效率，極大地提高從業素質。
《PhotoshopCC網頁配色設計全程揭秘（第2版）》結構清晰，案例經典，技術實用，適合網頁配色設計初、中級讀者，包括廣大網頁設計愛好者、網頁設計工作者，也可以作為高等院校網頁配色設計課程的教材。
圖書目錄
第1章色彩基礎知識
1.1 色彩知識入門1
1.1.1 色彩的產生1
1.1.2 光源色與物體色2
1.2 色彩的傳達意義3
1.2.1 色彩的生理反應3
1.2.2 色彩的象徵意義4
1.3 顏色模式和網頁安全色4
1.3.1 色光三原色4
1.3.2 印刷三原色4
1.3.3 美術三原色5
1.3.4 加法混合和減法混合5
1.3.5 HSB模式5
1.3.6 Hex和網頁安全色6
1.3.7 Lab模式6
1.4 常用色彩的名稱和分類8
1.4.1 三間色8
1.4.2 複色8
1.4.3 對比色8
1.4.4 同類色(色系)9
1.4.5 鄰近色9
1.4.6 互補色10
★配色案例01：中西混合餐廳網頁配色10
1.5 色彩的屬性12
1.5.1 色相13
1.5.2 明度14
1.5.3 純度(飽和度)15
1.5.4 色調15
1.5.5 色調上的高、中、低調18
1.5.6 無彩色和有彩色19
1.6 單色印象空間19
1.6.1 表現色彩感覺差異20
1.6.2 不同單色的印象差異20
1.7 配色印象空間21
1.7.1 不同的配色印象空間21
1.7.2 配色印象差異21
★配色案例02：咖啡廳網頁配色22
第2章網頁配色要求和規範
2.1 網頁配色的要求25
2.1.1 色彩的對比25
2.1.2 色彩的大小和形狀25
2.1.3 色彩的位置26
2.1.4 色彩搭配原則26
2.1.5 配色儘量選擇雙色和多色組合29
2.1.6 儘可能使用兩至三種色彩進行搭配29
2.2 網頁中的色彩比例30
2.2.1 主色、輔色和重點色30
2.2.2 鮮艷顏色和無彩色的運用比例30
2.2.3 色彩的層次31
★配色案例03：視頻網站的網頁配色31
2.3 網頁中的留白藝術34
2.3.1 節奏感和韻律感34
2.3.2 體現網頁特徵34
2.3.3 留白的不同體現35
2.4 基於色相的配色35
2.4.1 基於色相的配色關係35
2.4.2 基於色相的配色方法36
2.5 基於色調的配色37
2.5.1 基於色調的配色關係37
2.5.2 基於色調的配色方法38
★配色案例04：網路技術網頁配色39
2.6 配色要力求打動人心41
2.6.1 配色要讓瀏覽者產生好感41
2.6.2 使人產生共鳴的配色方法42
第3章網頁配色的基本方法
3.1 網頁配色的整體結構43
3.1.1 使用顏色作為背景43
3.1.2 使用圖片作為背景44
3.2 網頁文字顏色44
3.2.1 文字的排版規則45
3.2.2 文字配色要考慮可讀性45
3.2.3 文字大小與配色關係45
3.2.4 確定套用網頁配色的要領46
3.2.5 良好的網頁文字配色46
★配色案例05：演藝團體售票網頁配色47
3.3 網頁中圖片的使用49
3.3.1 網頁的焦點圖49
3.3.2 如何使用網頁配圖50
3.4 網頁中的線條與圖形50
3.4.1 在網頁中使用線條50
3.4.2 在網頁中使用形狀51
3.5 網頁元素的色彩搭配52
3.5.1 Logo與網頁廣告的搭配52
3.5.2 導航選單與整體頁面的搭配52
3.5.3 背景與文字的搭配53
★配色案例06：快餐訂餐網頁配色54
第4章網頁配色的選擇標準
4.1 根據行業選擇配色57
4.2 根據瀏覽者偏好選擇顏色58
4.2.1 根據性別選擇顏色58
4.2.2 根據年齡階段選擇顏色59
★配色案例07：花店網頁配色59
4.3 根據季節選擇顏色62
★配色案例08：飲料網頁配色62
4.4 根據商品銷售階段選擇配色64
4.4.1 商品的導入期65
4.4.2 商品的拓展期65
4.4.3 商品的成熟期66
4.4.4 商品的衰退期66
4.5 根據用戶心理效應選擇顏色67
★配色案例09：汽車公司網頁配色67
第5章網頁配色的色彩情感
5.1 網頁配色的冷暖71
5.2 輕與重的色彩感覺72
5.3 明度與純度的質感72
★配色案例10：商務網頁配色73
5.4 波長和成像的進退感75
5.5 膨脹與收縮的視覺感應75
5.6 色彩的華麗感與樸實感76
★配色案例11：搜尋引擎網頁配色76
5.7 色彩的寧靜感與興奮感78
5.8 色彩的活力感與莊重感79
★配色案例12：化妝品網頁配色79
第6章網頁配色中的色彩對比
6.1 冷暖對比的配色82
6.1.1 色彩冷暖的強弱對比程度82
6.1.2 冷暖對比的心理感受83
6.2 色彩在頁面中的面積對比83
6.2.1 色彩面積的大小84
6.2.2 色彩面積的位置關係85
★配色案例13：食品網頁配色85
6.3 色相和色調對比87
6.3.1 原色對比87
6.3.2 間色對比88
6.3.3 補色對比88
6.3.4 鄰近色對比89
6.3.5 類似色對比89
6.3.6 色相對比89
6.3.7 明度對比90
6.3.8 純度對比91
6.4 同時對比91
6.4.1 同時對比的基本規律91
6.4.2 同時對比產生的生理因素92
6.5 連續對比92
★配色案例14：藝術網頁配色 93
第7 章 紅色系的套用
7.1 熱情的正紅色 97
★配色案例15：家居網頁配色 97
7.2 成熟的深紅色 100
7.3 熱烈的朱紅色 101
★配色案例16：書籍網頁配色 101
7.4 甜蜜的玫瑰紅 103
★配色案例17：時尚生活網頁配色 104
7.5 華麗的紫紅色 107
7.6 富貴的寶石紅 107
★配色案例18：美食網頁配色 107
第8 章 橙色系的套用
8.1 生機勃勃的正橙色 110
★配色案例19：活躍的美食網頁配色 110
8.2 豐收的太陽橙 113
★配色案例20：產品宣傳網頁配色 113
8.3 無邪的杏黃色 116
8.4 樸素的淺土色 116
★配色案例21：卡通片主題網頁配色 116
8.5 堅實的咖啡色 119
8.6 安定的棕色 119
★配色案例22：高檔西餐廳網頁配色 120
第9 章 黃色系的套用
9.1 開放的鮮黃色 123
★配色案例23：明艷的商務網頁配色 123
9.2 幸福的含羞草色 126
★配色案例24：旅遊網頁配色 126
9.3 生動的鉻黃色 129
9.4 閃耀的香檳黃 129
★配色案例25：精緻的美食網頁配色 129
9.5 童話般的淡黃色 131
★配色案例26：休閒食品網頁配色 132
第10 章 綠色系的套用
10.1 新鮮的蘋果綠 135
10.2 旺盛的翡翠綠 135
★配色案例27：遊戲類網頁配色 136
10.3 清新的黃綠色 138
★配色案例28：廣告類網頁配色 138
10.4 昂揚的濃綠色 140
★配色案例29：保險行業網頁配色 141
10.5 稚嫩的淺綠色 143
★配色案例30：生活家居網頁配色 143
10.6 高貴的孔雀綠 146
第11 章 藍色系的套用
11.1 冷靜的天藍色 147
11.2 清澈的水藍色 147
★配色案例31：體育類網頁配色 148
11.3 正派的深藍色 150
11.4 溫馨的淺藍色 150
★配色案例32：飲食網頁配色 151
11.5 爽快的蔚藍色 153
★配色案例33：冰雪運動項目網頁配色 154
11.6 鎮靜的深青色 156
★配色案例34：簡潔的遊戲類網頁配色 157
第12 章 紫色系的套用
12.1 清純的丁香紫 160
★配色案例35：甜點網頁配色 160
12.2 神聖的正紫色 162
12.3 低調華麗的深紫色 163
★配色案例36：手機網頁配色 163
12.4 雅致的菖蒲色 165
★配色案例37：電子產品網頁配色 166
12.5 夢幻的淺蓮灰 168
★配色案例38：遠程教學網頁配色 169
第13 章 無彩色系的套用
13.1 純潔的白色 172
★配色案例39：時裝網頁配色 172
13.2 精緻的藍灰色 175
★配色案例40：酒水產品網頁配色 176
13.3 溫暖的中灰色 178
★配色案例41：汽車網頁配色 178
13.4 朦朧的淺灰色 180
13.5 高品質的黑色 181
★配色案例42：電子設備網頁配色 181
第14 章 不同色調的網頁配色
14.1 網頁配色的色調特點 184
14.2 個性鮮明的色調 185
14.2.1 高純度色彩對比鮮明 185
14.2.2 高純度冷色體現科技感 185
14.2.3 高純度暖色體現華麗感 185
14.3 清靜高雅的色調 186
14.3.1 中等明度體現清新活力 186
14.3.2 高明度體現輕柔明淨 187
14.3.3 融入灰色體現高雅 188
★配色案例43：品牌快餐網頁配色 188
14.4 樸實深厚的中庸色調 190
14.4.1 融入中等灰色體現樸實 190
14.4.2 灰暗體現深厚感 191
14.4.3 加入濁色體現中庸 192
14.5 穩重深沉的色調 193
14.5.1 低明度加入灰和白體現懷舊 193
14.5.2 大面積灰暗色調營造緊張氛圍 193
14.5.3 低明度冷色暗調體現古雅 193
★配色案例44：飲品類網頁配色 194
第15 章 構造網頁配色的視覺印象
15.1 女性化的網頁配色印象 197
★配色案例45：化妝品網頁配色 198
15.2 男性化的網頁配色印象 200
15.3 穩定安靜的網頁配色印象 201
15.4 興奮激昂的網頁配色印象 201
15.5 輕快律動的網頁配色印象 202
15.6 清爽自然的網頁配色印象 202
15.7 浪漫甜美的網頁配色印象 203
★配色案例46：休閒食品網頁配色 204
15.8 傳統穩重的網頁配色印象 206
15.9 雍容華貴的網頁配色印象 207
15.10 艷麗的網頁配色印象 208
第16 章 網頁配色的調整方法
16.1 突出主題的配色技巧 209
16.1.1 明確主題，形成焦點 209
16.1.2 提高純度，確定主題 210
16.1.3 增大明度差 210
16.1.4 增強點綴色 211
16.1.5 抑制輔助色或背景 211
★配色案例47：工作室網頁配色 212
16.2 整體融合的配色技巧 214
16.2.1 使用接近的色相 214
16.2.2 使用接近的色調 215
16.2.3 添加類似色或同類色 215
★配色案例48：便利店網頁配色 215
16.2.4 網頁產生穩定感 218
16.2.5 使用統一的明度 218
★配色案例49：傳媒網頁配色 218
第17 章 使用配色軟體
17.1 使用配色軟體ColorKey Xp 221
17.1.1 軟體簡介 221
17.1.2 安裝與啟動軟體 222
17.1.3 界面及功能區域 222
17.1.4 “RGB 色彩調節器”面板 223
17.1.5 “調整配色限制閥值”面板 223
17.1.6 “整體色彩偏移”面板 224
17.1.7 “Web 顏色調節”面板 224
17.1.8 使用ColorKey.Xp 外部拾色器 225
17.1.9 ColorKey.Xp 的輸出功能 226
★配色案例50：品牌女鞋網頁配色 226
17.2 使用配色軟體Adobe Color Themes 229
17.2.1 面板和選項卡 229
17.2.2 將配色顏色設定為前景色 230
17.2.3 修改配色方案中的主色 230
17.2.4 將顏色添加到配色方案 231
17.2.5 將配色方案添加到色板 231
17.2.6 根據與主色的關係創建方案 232
17.3 使用配色軟體ColorSchemer Studio 235
17.3.1 ColorSchemer.Studio 的安裝與啟動 235
17.3.2 界面及功能區域的劃分 236
17.3.3 創建匹配顏色方案 237
17.3.4 使用圖庫瀏覽器獲取配色方案 243
17.3.5 從圖像獲取配色方案 243
17.3.6 使用顏色收藏夾進行快速預覽 244
17.3.7 導出與分享 245
