目錄
第1篇　基礎(chǔ)篇
第 1 章　初識網(wǎng)站色彩
1.1　色彩基礎(chǔ)知識
1.2　認(rèn)識網(wǎng)頁色彩
1.3　Web 216安全色
1.4　色彩的三要素與色立體
1.4.1　色彩的色相
1.4.2　色彩的明度
1.4.3　色彩的純度
1.5　網(wǎng)站的色彩應(yīng)用
1.5.1　購物網(wǎng)站色彩應(yīng)用
1.5.2　社交網(wǎng)站色彩應(yīng)用
1.5.3　企業(yè)門戶網(wǎng)站色彩應(yīng)用
1.5.4　休閑旅游網(wǎng)站色彩應(yīng)用
1.5.5　時政新聞網(wǎng)站色彩應(yīng)用
1.5.6　微博/博客色彩應(yīng)用
1.5.7　影音視頻網(wǎng)站色彩應(yīng)用
1.5.8　電子商務(wù)網(wǎng)站色彩應(yīng)用
　高手私房菜
技巧1：配色前不能忽略的前期工作
技巧2：特殊配色效果的實(shí)現(xiàn)
第 2 章　色彩與情感表達(dá)
2.1　如何選擇網(wǎng)頁的基本色
2.2　與行業(yè)特點(diǎn)相匹配的色彩選擇
2.3　增強(qiáng)食欲的餐飲類網(wǎng)站色彩選擇
2.4　男性青睞的色彩選擇
2.5　女性青睞的色彩選擇
2.6　與季節(jié)對應(yīng)的色彩選擇
2.7　體現(xiàn)都市氛圍的色彩選擇
2.8　體現(xiàn)自然氛圍的色彩選擇
2.9　表現(xiàn)健康形象的色彩選擇
　高手私房菜
技巧：不同配色風(fēng)格的融合方法——采用“隱藏”手段
第 3 章　網(wǎng)頁配色必備的6種手法
3.1　手法一：動靜交映——網(wǎng)頁中的“靜態(tài)色彩”與“動態(tài)色彩”
3.1.1　靜態(tài)色彩
3.1.2　動態(tài)色彩
3.2　手法二：重點(diǎn)突出——網(wǎng)頁中主題色彩的運(yùn)用
3.3　手法三：一枝獨(dú)秀——單一頁面的色彩布局
3.3.1　色彩平衡
3.3.2　色彩面積對比
3.3.3　色彩情感與插圖情感一致
3.4　手法四：層巒疊嶂——多欄目頁面的色彩布局
3.5　手法五：色以類聚——網(wǎng)站同色系規(guī)劃
3.5.1　“可讀性”的色彩設(shè)計
3.5.2　色彩計劃
3.6　手法六：我行我素——色彩設(shè)計與網(wǎng)站風(fēng)格
　高手私房菜
技巧：網(wǎng)頁配色——透明度
第2篇　進(jìn)階篇
第 4 章　網(wǎng)站配色要領(lǐng)
4.1　網(wǎng)頁的版式結(jié)構(gòu)
4.1.1　“國”字型網(wǎng)站結(jié)構(gòu)
4.1.2　“呂”字型網(wǎng)站結(jié)構(gòu)
4.1.3　“川”字型網(wǎng)站結(jié)構(gòu)
4.1.4　“回”字型網(wǎng)站結(jié)構(gòu)
4.2　網(wǎng)站配色常識
4.2.1　網(wǎng)站Logo的配色常識
4.2.2　網(wǎng)站Banner的配色常識
4.2.3　網(wǎng)站導(dǎo)航的配色常識
4.2.4　網(wǎng)站主頁面的配色常識
4.2.5　網(wǎng)站子頁面的配色常識
4.3　網(wǎng)頁配色技巧
4.3.1　巧用對比色配色
4.3.2　巧用鄰近色配色
4.3.3　巧用冷暖互補(bǔ)配色
4.3.4　巧用色彩的疊加配色
4.3.5　巧用色彩的柔光配色
4.3.6　巧用色彩的透明度配色
　高手私房菜
技巧1：自由格式型網(wǎng)站
技巧2：色彩搭配原則
第 5 章　網(wǎng)頁設(shè)計中的色彩應(yīng)用技巧
5.1　基于色相、色調(diào)的配色方案
5.1.1　認(rèn)識色相與色調(diào)
5.1.2　實(shí)例1——科技網(wǎng)配色
5.2　基于色彩情感的配色方案
5.2.1　認(rèn)識色彩情感
5.2.2　實(shí)例2——女性購物網(wǎng)配色
5.3　體現(xiàn)節(jié)奏和韻律的色彩
5.3.1　認(rèn)識色彩的韻律
5.3.2　實(shí)例3——家居生活網(wǎng)配色
　高手私房菜
技巧：體現(xiàn)節(jié)奏和韻律的色彩在網(wǎng)站制作中的應(yīng)用
第 6 章　配色工具的使用
6.1　建立漂亮的顏色方案
6.2　通過內(nèi)置的工具獲取配色方案
6.3　高級顏色公式
6.4　高級顏色方案分析
6.5　網(wǎng)頁配色工具的使用
6.5.1　使用Kuler網(wǎng)頁配色工具
6.5.2　使用Web Safe Colours網(wǎng)頁配色工具
6.5.3　使用Color Schemer網(wǎng)頁配色工具
6.5.4　使用Colortoy網(wǎng)頁配色工具
6.5.5　使用Colorjack網(wǎng)頁配色工具
　高手私房菜
技巧：配色工具Color Scheme Designer的應(yīng)用
第 7 章　網(wǎng)站文字與色彩
7.1　網(wǎng)站標(biāo)志色彩的分析
7.2　網(wǎng)頁插圖色彩的選取與使用
7.3　圖像色彩藝術(shù)
7.4　文字色彩藝術(shù)
7.4.1　字號對文字顯示的影響
7.4.2　文字與背景色彩的搭配
7.4.3　文字與圖片的配色
7.5　圖文色彩排版
　高手私房菜
技巧：常用文字顏色的搭配方案
第 8 章　根據(jù)網(wǎng)站色調(diào)配色
8.1　紅色主題色調(diào)網(wǎng)站
8.1.1　網(wǎng)站類型分析
8.1.2　配色詳解
8.2　橙色和黃色主題色調(diào)網(wǎng)站
8.2.1　網(wǎng)站類型分析
8.2.2　配色詳解
8.3　黃綠色主題色調(diào)網(wǎng)站
8.3.1　網(wǎng)站類型分析
8.3.2　配色詳解
8.4　綠色和青綠色主題色調(diào)網(wǎng)站
8.4.1　網(wǎng)站類型分析
8.4.2　配色詳解
8.5　藍(lán)色和藍(lán)紫色主題色調(diào)網(wǎng)站
8.5.1　網(wǎng)站類型分析
8.5.2　配色詳解
8.6　紫色主題色調(diào)網(wǎng)站
8.6.1　網(wǎng)站類型分析
8.6.2　配色詳解
8.7　紫紅色主題色調(diào)網(wǎng)站
8.7.1　網(wǎng)站類型分析
8.7.2　配色詳解
8.8　黑色主題色調(diào)網(wǎng)站
8.8.1　網(wǎng)站類型分析
8.8.2　配色詳解
8.9　白色主題色調(diào)網(wǎng)站
8.9.1　網(wǎng)站類型分析
8.9.2　配色詳解
8.10　灰色主題色調(diào)網(wǎng)站
8.10.1　網(wǎng)站類型分析
8.10.2　配色詳解
　高手私房菜
技巧：適用粉色系的網(wǎng)站配色
第 9 章　根據(jù)網(wǎng)站風(fēng)格配色
9.1　簡潔、質(zhì)樸的配色
9.1.1　配色分析
9.1.2　配色詳解
9.2　尊貴、華麗的配色
9.2.1　配色分析
9.2.2　配色詳解
9.3　男性化的配色
9.3.1　配色分析
9.3.2　配色詳解
9.4　女性化的配色
9.4.1　配色分析
9.4.2　配色詳解
9.5　自然舒適的配色
9.5.1　配色分析
9.5.2　配色詳解
9.6　古典主義的配色
9.6.1　配色分析
9.6.2　配色詳解
9.7　生動活潑的配色
9.7.1　配色分析
9.7.2　配色詳解
9.8　柔軟稚嫩的配色
9.8.1　配色分析
9.8.2　配色詳解
9.9　成熟穩(wěn)重的配色
9.9.1　配色分析
9.9.2　配色詳解
9.10　 厚重、金屬風(fēng)格的配色
9.10.1　配色分析
9.10.2　配色詳解
9.11　不同國家的配色
9.11.1　韓國風(fēng)格的網(wǎng)站配色分析
9.11.2　歐洲風(fēng)格的網(wǎng)站配色分析
9.11.3　印度風(fēng)格的網(wǎng)站配色分析
9.11.4　日本風(fēng)格的網(wǎng)站配色分析
9.11.5　中國風(fēng)格的網(wǎng)站配色分析
9.11.6　美國風(fēng)格的網(wǎng)站配色分析
9.11.7　加拿大風(fēng)格的網(wǎng)站配色分析
　高手私房菜
技巧1：不同國家的男性化網(wǎng)站配色
技巧2：不同國家的女性化網(wǎng)站配色
第 10 章　根據(jù)網(wǎng)站類別配色
10.1　購物網(wǎng)站配色
10.1.1　配色分析
10.1.2　制定配色方案
10.1.3　配色步驟
10.2　社交網(wǎng)站配色
10.2.1　配色分析
10.2.2　制定配色方案
10.2.3　配色步驟
10.3　企業(yè)門戶網(wǎng)站配色
10.3.1　配色分析
10.3.2　制定配色方案
10.3.3　配色步驟
10.4　休閑旅游網(wǎng)站配色
10.4.1　配色分析
10.4.2　制定配色方案
10.4.3　配色步驟
10.5　時政新聞網(wǎng)站配色
10.5.1　配色分析
10.5.2　制定配色方案
10.5.3　配色步驟
10.6　微博/博客配色
10.6.1　配色分析
10.6.2　制定配色方案
10.6.3　配色步驟
10.7　影音視頻網(wǎng)站配色
10.7.1　配色分析
10.7.2　制定配色方案
10.7.3　配色步驟
10.8　電子商務(wù)網(wǎng)站配色
10.8.1　配色分析
10.8.2　制定配色方案
10.8.3　配色步驟
　高手私房菜
技巧：搜索網(wǎng)站配色
第 11 章　根據(jù)網(wǎng)站區(qū)域配色
11.1　千變?nèi)f化的導(dǎo)航區(qū)域配色
11.2　導(dǎo)航區(qū)域配色分析
11.3　導(dǎo)航區(qū)域配色詳解
11.4　網(wǎng)站主體內(nèi)容色彩為主
11.5　網(wǎng)站主體內(nèi)容配色分析
11.6　網(wǎng)站主體內(nèi)容配色詳解
11.7　周邊色彩為輔
11.8　網(wǎng)站邊緣配色分析
11.9　網(wǎng)站邊緣配色詳解
11.10　導(dǎo)航與網(wǎng)站風(fēng)格協(xié)調(diào)統(tǒng)一
11.11　可用性Flash導(dǎo)航
11.12　網(wǎng)站區(qū)域配色的基本法則
　高手私房菜
技巧：色彩的黃金法則（60∶30∶10）
第 3 篇　實(shí)戰(zhàn)案例篇
第 12 章　購物網(wǎng)站配色全過程
12.1　實(shí)例解析
12.2　主要配色法則及設(shè)計
12.3　實(shí)戰(zhàn)操作
　高手私房菜
技巧：如何讓網(wǎng)站的主題更加突出
第 13 章　社交網(wǎng)站配色全過程
13.1　實(shí)例解析
13.2　主要配色法則及設(shè)計
13.3　實(shí)戰(zhàn)操作
　高手私房菜
技巧：社交網(wǎng)站的配色
第 14 章　企業(yè)門戶網(wǎng)站配色全過程
14.1　實(shí)例解析
14.2　主要配色法則及設(shè)計
14.3　實(shí)戰(zhàn)操作
　高手私房菜
技巧：企業(yè)門戶網(wǎng)站的配色
第 15 章　休閑旅游網(wǎng)站配色全過程
15.1　實(shí)例解析
15.2　主要配色法則及設(shè)計
15.3　實(shí)戰(zhàn)操作
　高手私房菜
技巧：休閑旅游網(wǎng)站的配色
第 16 章　時政新聞網(wǎng)站配色全過程
16.1　實(shí)例解析
16.2　主要配色法則及設(shè)計
16.3　實(shí)戰(zhàn)操作
　高手私房菜
技巧