第1篇基础篇

第1章初识网站色彩

1.1色彩基础知识

1.2认识网页色彩

1.3web216安全色

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使用WebSafeColours网页配色工具

6.5.3使用ColorSchemer网页配色工具

6.5.4使用Colortoy网页配色工具

6.5.5使用Colorjack网页配色工具

高手私房菜

技巧：配色工具ColorSchemeDesigner的应用

第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实战操作

高手私房菜

技巧

……