网页配色实用手册

目　录

Chapter 1　色彩的基础知识 001

1.1　初识色彩 002

1.1.1　色彩视觉的构成 002

1.1.2　色彩属性的分类 002

1.1.3　色彩性质的分类 003

1.1.4　色彩对比与调和 006

1.1.5　认识色相环 008

1.1.6　色彩心理感受 009

1.1.7　色彩原理分析 011

1.2　色彩三原色和色彩视觉 016

1.2.1　光的三原色 017

1.2.2　印刷的三原色 017

1.2.3　暖色系视觉效果 017

1.2.4　冷色系视觉效果 018

Chapter 2　网页与多媒体设计概述 019

2.1　网页与多媒体概述 020

2.1.1　网页与多媒体的相似性 020

2.1.2　图像素材的分类与管理 021

2.1.3　如何抠图 021

2.1.4　网页背景图像的制作 024

2.1.5　图像的切片技术 024

2.1.6　常见装饰边线的制作 025

2.1.7　透明图像的制作 029

2.1.8　自动化处理 029

2.2　网页的版式结构 030

2.2.1　通栏结构 030

2.2.2　二分栏结构 032

2-2-3　三分栏结构 035

2.2.4　四分栏结构 037

2.3　网页配色常识 041

2.3.1　网页安全色调色盘 041

2.3.2　使用各种不同的网页安全色调色盘 043

2.4　网页配色技巧 045

2.4.1　网页色彩搭配的原则 045

2.4.2　网页色彩搭配的技巧 046

2-4-3　网页内要素的色彩搭配 047

2.4.4　不同背景下文字颜色的搭配 048

Chapter 3　明度、纯度以及色彩感觉的配色 051

3.1 　红色的具体分析 052

3.1.1　纯色调 052

3.1.2　浓艳 054

3.2　橙色和黄色的具体分析 055

3.2.1　中色调 056

3.2.2　尊贵和素净 058

3.3　黄绿色的具体分析 060

3.3.1　明色调 060

3.3.2　自然风格的配色 062

3.4　绿色和青绿色的具体分析 063

3.4.1　明灰色调 064

3.4.2　轻快 065

3.5　蓝色和蓝紫色的具体分析 066

3.5.1　中灰色调 068

3.5.2　冲击和信赖 069

3.6　紫色的具体分析 071

3.6.1　暗灰色调 072

3.6.2　厚重 073

3.7　紫红色的具体分析 074

3.7.1　浊色调 075

3.7.2　安定 076

3.8　黑色的具体分析 077

3.8.1　暗色调 078

3.8.2　冷酷 079

3.9　白色的具体分析 080

3.9.1　纯净 081

3.10　灰色的具体分析 082

3.10.1　中暗色调 082

3.10.2　卡通 083

Chapter 4　各类网站属性与配色常识 085

4.1　人物属性类型网站 086

4.1.1　儿童网站的特点 086

4.1.2　经典配色案例解析 086

4.1.3　适合的配色方案 087

4.2 美妆造型的网站 088

4.2.1　美妆造型网站的特点 088

4.2.2　经典配色案例解析 088

4.2.3　适合的配色方案 089

4.3　影音娱乐类型的网站 090

4.3.1　影音娱乐网站的特点 090

4.3.2　经典配色案例解析 091

4.3.3　适合的配色方案 092

4.4 图像与艺术欣赏类型的网站 093

4.4.1　图片欣赏网站的特点 093

4.4.2　经典配色案例解析 093

4.4.3　适合的配色方案 094

4.5　休闲文化类型的网站 095

4.5.1　休闲网站的特点 095

4.5.2　经典配色案例解析 095

4.5.3　适合的配色方案 096

4.6　健身运动类型的网站 097

4.6.1　健身运动网站的特点 097

4.6.2　经典配色案例解析 097

4.6.3　适合的配色方案 098

4.7　商品展示类型的网站 099

4.7.1　商品展示网站的特点 099

4.7.2　经典配色案例解析 099

4.7.3　适合的配色方案 100

4.8　医疗保健类型的网站 101

4.8.1　医疗保健网站的特点 101

4.8.2　经典配色案例解析 101

4.8.3　适合的配色方案 102

4.9　企业类型的网站 103

4.9.1　管理类型网站的特点 103

4.9.2　经典配色案例解析 103

4.9.3　适合的配色方案 104

4.10　综合类型的网站 105

4.10.1　综合网站的特点 106

4.10.2　经典配色案例解析 106

4.10.3　适合的配色方案 108

Chapter 5　网站的地区风格与配色 109

5.1　韩国风网站的配色 110

5.1.1　韩国风网站的案例解析 110

5.1.2　韩国风配色方案推荐 111

5.1.3　时尚风格的网站配色 112

5.1.4　时尚风格网站的典型案例解析 112

5.1.5　时尚风格网站配色方案推荐 113

5.1.6　可爱风格的网站配色 113

5.1.7　可爱风格网站的典型案例解析 114

5.1.8　可爱风格网站配色方案推荐 114

5.2　欧洲风网站的配色 115

5.2.1　欧洲风网站的案例解析 116

5.2.2　欧洲风网站配色方案推荐 117

5.2.3　深沉风格的网站配色 118

5.2.4　深沉风格网站的典型案例解析 118

5.2.5　深沉风格网站配色方案推荐 118

5.3　印度风网站的配色 119

5.3.1　印度风网站的典型案例解析 120

5.3.2　印度风网站配色方案推荐 121

5.3.3　温馨风格的网站配色 122

5.3.4　温馨风格网站的典型案例解析 122

5.3.5　温馨风格网站配色方案推荐 123

5.3.6　优雅风格的网站配色 124

5.3.7　优雅风格网站的典型案例解析 124

5.3.8　优雅风格网站配色方案推荐 125

5.4　日本风网站的配色 125

5.4.1　日本风网站的案例解析 126

5.4.2　日本风网站配色方案推荐 127

5.4.3　可爱风格的网站配色 128

5.4.4　活泼风格网站的典型案例解析 128

5.4.5　活泼风格网站配色方案推荐 129

5.4.6　自然风格的网站配色 130

5.4.7　自然风格网站的典型案例解析 130

5.4.8　自然风格网站配色方案推荐 131

5.5　中国风网站的配色 131

5.5.1　中国风网站的案例解析 132

5.5.2　中国风网站配色方案推荐 133

5.5.3　华丽风格的网站配色 134

5.5.4　华丽风格网站的典型案例解析 134

5.5.5　华丽风格网站配色方案推荐 134

5.5.6　典雅风格的网站配色 135

5.5.7　典雅风格