精通色彩搭配 100%全能網頁配色密碼

《精通色彩搭配——100%全能網頁配色密碼》深入淺出，結合實際案例系統地講解了網頁配色的知識和技巧。由人民郵電出版社出版。

基本介紹

• 書名：精通色彩搭配 100%全能網頁配色密碼
• 作者：龍馬工作室
• ISBN：978-7-115-37452-3
• 頁數：350頁
• 定價：69.8元
• 出版社：人民郵電出版社
• 出版時間：2015-03
• 開本：16開

主要內容

《精通色彩搭配——100%全能網頁配色密碼》共分為3個部分。第1篇【基礎篇】主要介紹了色彩的基礎知識、網站色彩的套用、色彩與情感表達，以及網頁配色的必備手法等。第2篇【進階整仔葛篇】主要介紹了網站配色要領、網頁設計中的色彩套用技巧、配色工具、網站文字與色彩，以及根據網站色調、風格、類別和區域進行配色的方法。第3篇【實戰案例篇】主要介紹了熱門網站類型的配色方法，包括購物、社交、企業門戶、休閒旅遊、時政新聞、微博/部落格、影音視頻和電子商務網站等。

《精通色彩搭配——100%全能網頁配色密碼》附贈一張DVD多媒體教學光碟，盤中包含與圖書配套的教學錄像，以及相關學習資料的電子書、教學錄像等超值資源，便於讀者戀紙擴展學習。

《精通色彩搭配——100%全能網頁配色密碼》內容翔實，結構清晰，既適合網頁配色的初學者自學使用，也可以作為各類院校相關專業學生和電腦培訓班學員的教材或輔導用書。

目錄

目錄

第1篇　基礎篇

第 1 章　初識網站色彩

1.1　色彩基礎知識

1.2　認識網頁色彩

1.3　Web 216安全色

1.4　色彩的三要素與色立體

1.4.1　色彩的色相

1.4.2　色彩的明度

1.4.3　色彩的純度

1.5　網站的色彩套用

1.5.1　購物網站色彩套用

1.5.2　社交網站色彩套用

1.5.3　企業入口網站色彩套用

1.5.4　休閒旅遊網站色彩套用

1.5.5　時政新聞網站色彩套用

1.5.6　微博/部落格色彩套用

1.5.7　影音視頻網站色彩套用

1.5.8　電子商務網站色彩套用

高手私房菜

技巧1：配色前不紙祖定拒能忽略的前期工作

技巧2：特殊配色效果的實現

第 2 章　色彩與情感表達

2.1　如何選擇網頁的基本色

2.2　與行業特點相匹配的色彩選擇

2.3　增強食慾的餐飲類網站色彩選擇牛宙主

2.4　男性青睞的色彩選擇

2.5　女性青睞的色彩選擇

2.6　與季節對應的色彩選擇

2.7　體現都市氛圍的色彩選擇

2.8　體現自然氛圍的色彩選擇

2.9　表現健康形象的色彩選擇

高手私房菜

技巧：不同配色風格的融合方法——採用“隱藏”手段

第 3 章　網頁配色必備的6種手法

3.1　手法一：動靜交映——網頁中的“靜態色彩”與“動態色彩”

3.1.1　靜態色彩

3.1.2　動態色彩

3.2　手法二：重點突出——網頁中主題色彩的運用

3.3　手法三：一枝獨秀——單一頁面的色彩布局

3.3.1　色彩平衡

3.3.2　色彩面積對比

3.3.3　色彩情感與插圖情感一致

3.4　悼肯慨手法四：層巒疊嶂——多欄目頁面的色彩布局

3.5　手法五：色以類聚——網站同色系規劃

3.5.1　“可讀性”的色彩設計

3.5.2　色彩計畫

3.6　手法六：我行我素——色彩設計與網站風格

高手私房菜

技巧：網頁配色——透明度

第2篇　進階篇

第 4 章　網站配色要領

4.1　網頁的版式結構

4.1.1　“國”字型網站結構

4.1.2　“呂”字型網站結構

4.1.3　“川”字型網站結構

4.1.4　“回”字型網站結構

4.2　網站配色常識

4.2.1　網站Logo的配色常識

4.2.2　網站Banner的配色常識

4.2.3　網站導航的配色常識

4.2.4　網站主頁面的配色常識

4.2.5　網站子頁面的配色常識

4.3　網頁配色技巧

4.3.1　巧用對比色配色

4.3.2　巧用鄰近色配色

4.3.3　乎乎葛記巧用冷暖互補配色

4.3.4　巧用色彩的疊加配色

4.3.5　巧用色彩的柔光配色

4.3.6　巧用色彩的透明度配色

高手私房菜

技巧1：自由格式型網站

技巧2：色彩搭配原則

第 5 章　網頁設計中的色彩套用技巧

5.1　基於色相、色調的配色方案

5.1.1　認識色相與色調

5.1.2　實例1——科技網配色

5.2　基於色彩情感的配色方案

5.2.1　認識色彩情感

5.2.2　實例2——項乘危女性購物網配色

5.3　體現節奏和韻律的色彩

5.3.1　認識色彩的韻律

5.3.2　實例3——家居生活網配色

高手私房菜

技巧：體現節奏和韻律的色彩在網站製作中的套用

第 6 章　配色工具的使用

6.1　建立漂亮的顏色方案

6.2　通過內置的工具獲取配色方案

6.3　高級顏色公式

6.4　高級顏色方案分析

6.5　網頁配色工具的使用

6.5.1　使用Kuler網頁配色工具

6.5.2　使用Web Safe Colours網頁配色工具

6.5.3　使用Color Schemer網頁配色工具

6.5.4　使用Colortoy網頁配色工具

6.5.5　使用Colorjack網頁配色工具

高手私房菜

技巧：配色工具Color Scheme Designer的套用

第 7 章　網站文字與色彩

7.1　網站標誌色彩的分析

7.2　網頁插圖色彩的選取與使用

7.3　圖像色彩藝術

7.4　文字色彩藝術

7.4.1　字號對文字顯示的影響

7.4.2　文字與背景色彩的搭配

7.4.3　文字與圖片的配色

7.5　圖文色彩排版

高手私房菜

技巧：常用文字顏色的搭配方案

第 8 章　根據網站色調配色

8.1　紅色主題色調網站

8.1.1　網站類型分析

8.1.2　配色詳解

8.2　橙色和黃色主題色調網站

8.2.1　網站類型分析

8.2.2　配色詳解

8.3　黃綠色主題色調網站

8.3.1　網站類型分析

8.3.2　配色詳解

8.4　綠色和青綠色主題色調網站

8.4.1　網站類型分析

8.4.2　配色詳解

8.5　藍色和藍紫色主題色調網站

8.5.1　網站類型分析

8.5.2　配色詳解

8.6　紫色主題色調網站

8.6.1　網站類型分析

8.6.2　配色詳解

8.7　紫紅色主題色調網站

8.7.1　網站類型分析

8.7.2　配色詳解

8.8　黑色主題色調網站

8.8.1　網站類型分析

8.8.2　配色詳解

8.9　白色主題色調網站

8.9.1　網站類型分析

8.9.2　配色詳解

8.10　灰色主題色調網站

8.10.1　網站類型分析

8.10.2　配色詳解

高手私房菜

技巧：適用粉色系的網站配色

第 9 章　根據網站風格配色

9.1　簡潔、質樸的配色

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　成熟穩重的配色

9.9.1　配色分析

9.9.2　配色詳解

9.10　 厚重、金屬風格的配色

9.10.1　配色分析

9.10.2　配色詳解

9.11　不同國家的配色

9.11.1　韓國風格的網站配色分析

9.11.2　歐洲風格的網站配色分析

9.11.3　印度風格的網站配色分析

9.11.4　日本風格的網站配色分析

9.11.5　中國風格的網站配色分析

9.11.6　美國風格的網站配色分析

9.11.7　加拿大風格的網站配色分析

高手私房菜

技巧1：不同國家的男性化網站配色

技巧2：不同國家的女性化網站配色

第 10 章　根據網站類別配色

10.1　購物網站配色

10.1.1　配色分析

10.1.2　制定配色方案

10.1.3　配色步驟

10.2　社交網站配色

10.2.1　配色分析

10.2.2　制定配色方案

10.2.3　配色步驟

10.3　企業入口網站配色

10.3.1　配色分析

10.3.2　制定配色方案

10.3.3　配色步驟

10.4　休閒旅遊網站配色

10.4.1　配色分析

10.4.2　制定配色方案

10.4.3　配色步驟

10.5　時政新聞網站配色

10.5.1　配色分析

10.5.2　制定配色方案

10.5.3　配色步驟

10.6　微博/部落格配色

10.6.1　配色分析

10.6.2　制定配色方案

10.6.3　配色步驟

10.7　影音視頻網站配色

10.7.1　配色分析

10.7.2　制定配色方案

10.7.3　配色步驟

10.8　電子商務網站配色

10.8.1　配色分析

10.8.2　制定配色方案

10.8.3　配色步驟

高手私房菜

技巧：搜尋網站配色

第 11 章　根據網站區域配色

11.1　千變萬化的導航區域配色

11.2　導航區域配色分析

11.3　導航區域配色詳解

11.4　網站主體內容色彩為主

11.5　網站主體內容配色分析

11.6　網站主體內容配色詳解

11.7　周邊色彩為輔

11.8　網站邊緣配色分析

11.9　網站邊緣配色詳解

11.10　導航與網站風格協調統一

11.11　可用性Flash導航

11.12　網站區域配色的基本法則

高手私房菜

技巧：色彩的黃金法則（60∶30∶10）

第 3 篇　實戰案例篇

第 12 章　購物網站配色全過程

12.1　實例解析

12.2　主要配色法則及設計

12.3　實戰操作

高手私房菜

技巧：如何讓網站的主題更加突出

第 13 章　社交網站配色全過程

13.1　實例解析

13.2　主要配色法則及設計

13.3　實戰操作

高手私房菜

技巧：社交網站的配色

第 14 章　企業入口網站配色全過程

14.1　實例解析

14.2　主要配色法則及設計

14.3　實戰操作

高手私房菜

技巧：企業入口網站的配色

第 15 章　休閒旅遊網站配色全過程

15.1　實例解析

15.2　主要配色法則及設計

15.3　實戰操作

高手私房菜

技巧：休閒旅遊網站的配色

第 16 章　時政新聞網站配色全過程

16.1　實例解析

16.2　主要配色法則及設計

16.3　實戰操作

高手私房菜

技巧

3.5.1　“可讀性”的色彩設計

3.5.2　色彩計畫

3.6　手法六：我行我素——色彩設計與網站風格

高手私房菜

技巧：網頁配色——透明度

第2篇　進階篇

第 4 章　網站配色要領

4.1　網頁的版式結構

4.1.1　“國”字型網站結構

4.1.2　“呂”字型網站結構

4.1.3　“川”字型網站結構

4.1.4　“回”字型網站結構

4.2　網站配色常識

4.2.1　網站Logo的配色常識

4.2.2　網站Banner的配色常識

4.2.3　網站導航的配色常識

4.2.4　網站主頁面的配色常識

4.2.5　網站子頁面的配色常識

4.3　網頁配色技巧

4.3.1　巧用對比色配色

4.3.2　巧用鄰近色配色

4.3.3　巧用冷暖互補配色

4.3.4　巧用色彩的疊加配色

4.3.5　巧用色彩的柔光配色

4.3.6　巧用色彩的透明度配色

高手私房菜

技巧1：自由格式型網站

技巧2：色彩搭配原則

第 5 章　網頁設計中的色彩套用技巧

5.1　基於色相、色調的配色方案

5.1.1　認識色相與色調

5.1.2　實例1——科技網配色

5.2　基於色彩情感的配色方案

5.2.1　認識色彩情感

5.2.2　實例2——女性購物網配色

5.3　體現節奏和韻律的色彩

5.3.1　認識色彩的韻律

5.3.2　實例3——家居生活網配色

高手私房菜

技巧：體現節奏和韻律的色彩在網站製作中的套用

第 6 章　配色工具的使用

6.1　建立漂亮的顏色方案

6.2　通過內置的工具獲取配色方案

6.3　高級顏色公式

6.4　高級顏色方案分析

6.5　網頁配色工具的使用

6.5.1　使用Kuler網頁配色工具

6.5.2　使用Web Safe Colours網頁配色工具

6.5.3　使用Color Schemer網頁配色工具

6.5.4　使用Colortoy網頁配色工具

6.5.5　使用Colorjack網頁配色工具

高手私房菜

技巧：配色工具Color Scheme Designer的套用

第 7 章　網站文字與色彩

7.1　網站標誌色彩的分析

7.2　網頁插圖色彩的選取與使用

7.3　圖像色彩藝術

7.4　文字色彩藝術

7.4.1　字號對文字顯示的影響

7.4.2　文字與背景色彩的搭配

7.4.3　文字與圖片的配色

7.5　圖文色彩排版

高手私房菜

技巧：常用文字顏色的搭配方案

第 8 章　根據網站色調配色

8.1　紅色主題色調網站

8.1.1　網站類型分析

8.1.2　配色詳解

8.2　橙色和黃色主題色調網站

8.2.1　網站類型分析

8.2.2　配色詳解

8.3　黃綠色主題色調網站

8.3.1　網站類型分析

8.3.2　配色詳解

8.4　綠色和青綠色主題色調網站

8.4.1　網站類型分析

8.4.2　配色詳解

8.5　藍色和藍紫色主題色調網站

8.5.1　網站類型分析

8.5.2　配色詳解

8.6　紫色主題色調網站

8.6.1　網站類型分析

8.6.2　配色詳解

8.7　紫紅色主題色調網站

8.7.1　網站類型分析

8.7.2　配色詳解

8.8　黑色主題色調網站

8.8.1　網站類型分析

8.8.2　配色詳解

8.9　白色主題色調網站

8.9.1　網站類型分析

8.9.2　配色詳解

8.10　灰色主題色調網站

8.10.1　網站類型分析

8.10.2　配色詳解

高手私房菜

技巧：適用粉色系的網站配色

第 9 章　根據網站風格配色

9.1　簡潔、質樸的配色

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　成熟穩重的配色

9.9.1　配色分析

9.9.2　配色詳解

9.10　 厚重、金屬風格的配色

9.10.1　配色分析

9.10.2　配色詳解

9.11　不同國家的配色

9.11.1　韓國風格的網站配色分析

9.11.2　歐洲風格的網站配色分析

9.11.3　印度風格的網站配色分析

9.11.4　日本風格的網站配色分析

9.11.5　中國風格的網站配色分析

9.11.6　美國風格的網站配色分析

9.11.7　加拿大風格的網站配色分析

高手私房菜

技巧1：不同國家的男性化網站配色

技巧2：不同國家的女性化網站配色

第 10 章　根據網站類別配色

10.1　購物網站配色

10.1.1　配色分析

10.1.2　制定配色方案

10.1.3　配色步驟

10.2　社交網站配色

10.2.1　配色分析

10.2.2　制定配色方案

10.2.3　配色步驟

10.3　企業入口網站配色

10.3.1　配色分析

10.3.2　制定配色方案

10.3.3　配色步驟

10.4　休閒旅遊網站配色

10.4.1　配色分析

10.4.2　制定配色方案

10.4.3　配色步驟

10.5　時政新聞網站配色

10.5.1　配色分析

10.5.2　制定配色方案

10.5.3　配色步驟

10.6　微博/部落格配色

10.6.1　配色分析

10.6.2　制定配色方案

10.6.3　配色步驟

10.7　影音視頻網站配色

10.7.1　配色分析

10.7.2　制定配色方案

10.7.3　配色步驟

10.8　電子商務網站配色

10.8.1　配色分析

10.8.2　制定配色方案

10.8.3　配色步驟

高手私房菜

技巧：搜尋網站配色

第 11 章　根據網站區域配色

11.1　千變萬化的導航區域配色

11.2　導航區域配色分析

11.3　導航區域配色詳解

11.4　網站主體內容色彩為主

11.5　網站主體內容配色分析

11.6　網站主體內容配色詳解

11.7　周邊色彩為輔

11.8　網站邊緣配色分析

11.9　網站邊緣配色詳解

11.10　導航與網站風格協調統一

11.11　可用性Flash導航

11.12　網站區域配色的基本法則

高手私房菜

技巧：色彩的黃金法則（60∶30∶10）

第 3 篇　實戰案例篇

第 12 章　購物網站配色全過程

12.1　實例解析

12.2　主要配色法則及設計

12.3　實戰操作

高手私房菜

技巧：如何讓網站的主題更加突出

第 13 章　社交網站配色全過程

13.1　實例解析

13.2　主要配色法則及設計

13.3　實戰操作

高手私房菜

技巧：社交網站的配色

第 14 章　企業入口網站配色全過程

14.1　實例解析

14.2　主要配色法則及設計

14.3　實戰操作

高手私房菜

技巧：企業入口網站的配色

第 15 章　休閒旅遊網站配色全過程

15.1　實例解析

15.2　主要配色法則及設計

15.3　實戰操作

高手私房菜

技巧：休閒旅遊網站的配色

第 16 章　時政新聞網站配色全過程

16.1　實例解析

16.2　主要配色法則及設計

16.3　實戰操作

高手私房菜

技巧