网页配色黄金罗盘

第1章 色彩基础 1

1.1 网页色彩设计概述 2

1.1.1 色彩决定印象 2

1.1.2 色彩印象无法更改 3

1.1.3 色彩无处不在，具有多重效果 4

1.2 色彩概述 4

1.2.1 光与色彩 5

1.2.2 物体色 5

1.2.3 显示器的颜色 6

1.3 网页色彩 6

1.3.1 RGB色彩模式 7

1.3.2 HTML语言对颜色的描述 7

1.3.3 色彩类型 8

1.3.4 色彩三要素 8

1.3.5 色相、色调116色体系 11

1.3.6 网页安全色 12

1.4 色相环的作用 14

1.4.1 色相环的构成 14

1.4.2 色相环中的颜色特点 15

1.5 网页色彩的四种功能 16

1.5.1 主色 17

1.5.2 背景色 18

1.5.3 融合色 20

1.5.4 强调色 21

1.6 色彩之间的关系 21

1.6.1 单色搭配 21

1.6.2 类比色搭配 22

1.6.3 补色搭配 23

1.6.4 分离补色搭配 24

1.6.5 原色搭配 25

1.6.6 二次色搭配 26

1.6.7 全色相搭配 27

1.7 色调的变化效果 29

1.7.1 鲜艳的色调 29

1.7.2 亮色调 30

1.7.3 淡色调 30

1.7.4 中间色调 31

1.7.5 浅浊色调 31

1.7.6 暗色调 32

1.7.7 深色调 32

第2章 色彩的对比 33

2.1 色彩对比 34

2.1.1 非色彩对比 34

2.1.2 非色彩与彩色对比 34

2.1.3 同种色相对比 35

2.1.4 无彩色与同种色相对比 35

2.2 调和对比 36

2.2.1 邻接色相对比 36

2.2.2 类似色相对比 36

2.2.3 中差色相对比 36

2.3 强烈对比 37

2.3.1 对比色相对比 37

2.3.2 补色对比 38

2.4 亮度对比 38

2.4.1 最长调对比 38

2.4.2 高中调对比 39

2.4.3 高短调对比 40

2.4.4 中长调对比 41

2.4.5 中中调对比 42

2.4.6 中短调对比 42

2.4.7 低长调对比 43

2.4.8 低中调对比 44

2.4.9 低短调对比 44

2.5 饱和度对比 46

2.5.1 鲜强调对比 47

2.5.2 鲜中调对比 47

2.5.3 鲜弱调对比 48

2.5.4 中强调对比 49

2.5.5 中中调对比 50

2.5.6 中弱调对比 51

2.5.7 灰强调对比 52

2.5.8 灰中调对比 53

2.5.9 灰弱调对比 54

2.5.10 最弱的无彩色对比 55

2.6 面积与位置对比 56

2.6.1 色彩对比与面积的关系 56

2.6.2 色彩对比与位置的关系 58

2.7 肌理对比 60

2.8 连续对比 63

第3章 色彩与心理 65

3.1 色彩的联想 66

3.1.1 色彩的具体联想 66

3.1.2 色彩的抽象联想 68

3.2 红色 75

3.3 橙色 77

3.4 黄色 78

3.5 绿色 80

3.6 蓝(青)色 82

3.7 紫色 84

3.8 黑色 86

3.9 白色 87

3.10 灰色 89

3.11 色彩联想配色法 90

第4章 配色工具和配色技巧 91

4.1 网页配色软件ColorImpact的 使用 92

4.1.1 使用ColorImpact选择颜色 92

4.1.2 使用ColorImpact进行网页配色 94

4.1.3 将选定的颜色导入到Fireworks或PhotoShop中 97

4.2 屏幕颜色拾取器TakeColor 98

4.3 实用配色网站推荐 99

4.3.1 色彩爱好者 99

4.3.2 天天配色 100

4.3.3 色彩杰克 100

4.3.4 简单配色 101

4.3.5 色彩机构 101

4.3.6 调色板生成器 101

4.3.7 Kuler网站 102

4.3.8 同色系颜色生成 102

4.3.9 色相环 103

4.3.10 色彩搭配 103

4.4 网页色彩的搭配技巧 103

4.4.1 网页色彩搭配常用的 方法 104

4.4.2 多色搭配的选择 107

第5章 彩虹色配色方案 109

5.1 红色系 110

5.1.1 妩媚 110

5.1.2 浪漫 110

5.1.3 热情 111

5.1.4 大胆 111

5.1.5 富贵 112

5.1.6 典雅 112

5.1.7 微笑 112

5.1.8 女人味 113

5.1.9 娇媚 113

5.1.10 优美 113

5.1.11 温顺 114

5.1.12 可爱 114

5.1.13 雅致 114

5.1.14 纯真 115

5.1.15 美丽动人 115

5.1.16 有趣 115

5.1.17 积极 116

5.1.18 生命力 116

5.1.19 华丽 116

5.1.20 威严 117

5.1.21 充实 117

5.1.22 柔软 117

5.2 橙色系 118

5.2.1 生气勃勃 118

5.2.2 开朗 118

5.2.3 美好 119

5.2.4 丰收 119

5.2.5 幻想 119

5.2.6 轻快 120

5.2.7 无邪 120

5.2.8 天真 120

5.2.9 纯朴 121

5.2.10 真诚 121

5.2.11 质朴 121

5.2.12 古典 122

5.2.13 安定 122

5.2.14 坚实 123

5.3 黄色系 123

5.3.1 华丽 123

5.3.2 生动 124

5.3.3 柔和 124

5.3.4 童话 124

5.3.5 简朴 125

5.3.6 闪耀 125

5.3.7 智慧 125

5.3.8 开放 126

5.3.9 幸福 126

5.3.10 乡土 126

5.3.11 温厚 127

5.3.12 田园 127

5.4 绿色系 128

5.4.1 自由 128

5.4.2 新鲜 128

5.4.3 快活 129

5.4.4 自然 129

5.4.5 成长 129

5.4.6 柔和 130

5.4.7 诚意 130

5.4.8 安心 130

5.4.9 自然 131

5.4.10 希望 131

5.4.11 协调 131

5.4.12 潇洒 132

5.4.13 和平 132

5.4.14 痛快 132

5.4.15 温情 133

5.4.16 品格 133

5.5 青色系 134

5.5.1 奇趣 134

5.5.2 澄澈 134

5.5.3 正义 135

5.5.4 爽快 135

5.5.5 清凉 135

5.5.6 幻想 136

5.5.7 温和 136

5.5.8 宽容 136

5.5.9 纯粹 137

5.5.10 平衡 137

5.5.11 清楚 137

5.5.12 贵重 138

5.5.13 冷静 138

5.5.14 镇静 138

5.5.15 深远 139

5.5.16 格调 139

5.6 蓝色系 140

5.6.1 睿智 140

5.6.2 洗练 140

5.6.3 高贵 141

5.6.4 静寂 141

5.6.5 智慧 141

5.6.6 认真 142

5.6.7 礼节 142

5.6.8 时髦 142

5.6.9 纪律 143

5.6.10 庄严 143

5.6.11 理智 143

5.6.12 传统 144

5.7 紫色系 144

5.7.1 风雅 144

5.7.2 神秘 145

5.7.3 赞美 145

5.7.4 清纯 145

5.7.5 品格 146

5.7.6 直觉 146

5.7.7 神圣 146

5.7.8 高尚 147

5.7.9 怀旧 147

5.7.10 思虑 147

5.7.11 妖精 148

5.7.12 温和 148

5.7.13 萌芽 148

5.7.14 神秘 149

第6章 色彩心理配色方案 151

6.1 基础 152

6.2 动感 157

6.2.1 强烈的色调，原色、间色、复色(一) 157

6.2.2 强烈的色调，原色、间色、复色(二) 157

6.2.3 强烈的色调，原色、间色、复色(三) 158

6.2.4 强烈的自然色调 158

6.3 静感 159

6.3.1 冷色调 159

6.3.2 浅淡、柔和的色调 159

6.3.3 较暗的色调 160

6.3.4 明亮的淡色 160

6.4 流行 161

6.4.1 相搭配的色系 161

6.4.2 流行的自然色调 162

6.4.3 都市的时尚 162

6.4.4 时尚的灵感 163

6.4.5 折中搭配 163

6.5 富有 164

6.5.1 深暗的色调 164

6.5.2 深沉、柔和的色调 164

6.5.3 有历史感的色彩组合 165

6.5.4 较为柔和的富有色调 165

6.6 柔和 166

6.6.1 陈旧的自然色调 166

6.6.2 非强烈的城市色调 166

6.6.3 含蓄的雅致 167

6.6.4 灰暗的原色和间色 167

6.7 文化/时代 168

6.7.1 浓重的色彩组合 168

6.7.2 柔和的色彩组合 168

6.8 自然 169

6.8.1 秋天的色调 169

6.8.2 宁静的色调 170

6.8.3 大地和天空 170

6.9 强调 171

6.10 安全浏览色 174

6.10.1 基础 174

6.10.2 静感 174

6.10.3 流行 175

6.10.4 富有 175

6.10.5 柔和 175

6.10.6 文化 176

6.10.7 自然 176

6.10.8 强调 176

第7章 色彩印象配色方案 177

7.1 奔放 178

7.1.1 三次色色彩组合 178

7.1.2 单色色彩组合 178

7.1.3 分裂补色色彩组合 179

7.1.4 类比色彩组合 179

7.1.5 中性色彩组合 180

7.1.6 分裂色彩组合 180

7.2 传统 181

7.2.1 二次色色彩组合 181

7.2.2 单色色彩组合 181

7.2.3 分裂补色色彩组合 182

7.2.4 类比色彩组合 182

7.2.5 中性色彩组合 183

7.2.6 分裂色彩组合 183

7.3 低沉 184

7.3.1 三次色色彩组合 184

7.3.2 单色色彩组合 184

7.3.3 分裂补色色彩组合 185

7.3.4 类比色彩组合 185

7.3.5 中性色彩组合 186

7.3.6 分裂色彩组合 186

7.4 丰富 187

7.4.1 三次色色彩组合 187

7.4.2 单色色彩组合 187

7.4.3 分裂补色色彩组合 188

7.4.4 类比色彩组合 188

7.4.5 中性色彩组合 189

7.4.6 分裂色彩组合 189

7.5 高雅 190

7.5.1 原色色彩组合 190

7.5.2 单色色彩组合 190

7.5.3 分裂补色色彩组合 191

7.5.4 类比色彩组合 191

7.5.5 中性色彩组合 192

7.5.6 分裂色彩组合 192

7.6 怀旧 193

7.6.1 二次色色彩组合 193

7.6.2 单色色彩组合 193

7.6.3 分裂补色色彩组合 194

7.6.4 类比色彩组合 194

7.6.5 中性色彩组合 195

7.6.6 分裂色彩组合 195

7.7 活力 196

7.7.1 三次色色彩组合 196

7.7.2 单色色彩组合 196

7.7.3 分裂补色色彩组合 197

7.7.4 类比色彩组合 197

7.7.5 中性色彩组合 198

7.7.6 分裂色彩组合 198

7.8 可靠 199

7.8.1 三次色色彩组合 199

7.8.2 单色色彩组合 199

7.8.3 分裂补色色彩组合 200

7.8.4 类比色彩组合 200

7.8.5 中性色彩组合 201

7.8.6 分裂色彩组合 201

7.9 浪漫 202

7.9.1 原色色彩组合 202

7.9.2 单色色彩组合 202

7.9.3 分裂补色色彩组合 203

7.9.4 类比色彩组合 203

7.9.5 中性色彩组合 204

7.9.6 分裂色彩组合 204

7.10 平静 205

7.10.1 原色色彩组合 205

7.10.2 单色色彩组合 205

7.10.3 分裂补色色彩组合 206

7.10.4 类比色彩组合 206

7.10.5 中性色彩组合 207

7.10.6 分裂色彩组合 207

7.11 强烈 208

7.11.1 原色色彩组合 208

7.11.2 单色色彩组合 208

7.11.3 分裂补色色彩组合 209

7.11.4 类比色彩组合 209

7.11.5 中性色彩组合 210

7.11.6 分裂色彩组合 210

7.12 清爽 211

7.12.1 三次色色彩组合 211

7.12.2 单色色彩组合 211

7.12.3 分裂补色色彩组合 212

7.12.4 类比色彩组合 212

7.12.5 中性色彩组合 213

7.12.6 分裂色彩组合 213

7.13 清新 214

7.13.1 二次色色彩组合 214

7.13.2 单色色彩组合 214

7.13.3 分裂补色色彩组合 215

7.13.4 类比色彩组合 215

7.13.5 中性色彩组合 216

7.13.6 分裂色彩组合 216

7.14 热带 217

7.14.1 三次色色彩组合 217

7.14.2 单色色彩组合 217

7.14.3 分裂补色色彩组合 218

7.14.4 类比色彩组合 218

7.14.5 中性色彩组合 219

7.14.6 分裂色彩组合 219

7.15 热情 220

7.15.1 二次色色彩组合 220

7.15.2 单色色彩组合 220

7.15.3 分裂补色色彩组合 221

7.15.4 类比色彩组合 221

7.15.5 中性色彩组合 222

7.15.6 分裂色彩组合 222

7.16 柔和 223

7.16.1 二次色色彩组合 223

7.16.2 单色色彩组合 223

7.16.3 分裂补色色彩组合 224

7.16.4 类比色彩组合 224

7.16.5 中性色彩组合 225

7.16.6 分裂色彩组合 225

7.17 神奇 226

7.17.1 二次色色彩组合 226

7.17.2 单色色彩组合 226

7.17.3 分裂补色色彩组合 227

7.17.4 类比色彩组合 227

7.17.5 中性色彩组合 228

7.17.6 分裂色彩组合 228

7.18 堂皇 229

7.18.1 三次色色彩组合 229

7.18.2 单色色彩组合 229

7.18.3 分裂补色色彩组合 230

7.18.4 类比色彩组合 230

7.18.5 中性色彩组合 231

7.18.6 分裂色彩组合 231

7.19 土性 232

7.19.1 三次色色彩组合 232

7.19.2 单色色彩组合 232

7.19.3 分裂补色色彩组合 233

7.19.4 类比色彩组合 233

7.19.5 中性色彩组合 234

7.19.6 分裂色彩组合 234

7.20 友善 235

7.20.1 三次色色彩组合 235

7.20.2 单色色彩组合 235

7.20.3 分裂补色色彩组合 236

7.20.4 类比色彩组合 236

7.20.5 中性色彩组合 236

7.20.6 分裂色彩组合 237

7.21 专职 237

色彩！不管我们是否理解色彩的物理概念，当光波从一个物体表面反射出来映入观者眼帘后，我们或者被色彩或色彩的组合所震撼、感动、唤醒，或者感悟、排斥、警觉。尽管每个人对色彩的领悟各有不同，但穿越时空和文化，人类对色彩的反应有许多令人惊讶的共同点。编写本书的目的在于：通过提供由几百种不同颜色组成的两千种以上的色彩，给从事网页设计工作的专业人士、业余爱好者和学生，在探索适用于各种不同的传媒色彩组合时，提供一些依据。其次，本书不仅让读者可以直接使用这些模板中的配色，而且提供参考来引导读者找到有效的色彩组合解决方案，探究流体和光线，并且享受这种创造性过程的乐趣。本书为网页设计师而作，使他们在创作时能找到创作源泉。所有本书的色彩组合能在任何图像软件中重现，并且适用于许多其他媒体。本书分为7章：配色基础、色彩的对比、色彩与心理、配色工具和配色技巧、彩虹色配色方案、色彩心理配色方案、色彩印象配色方案。 随书附DVD光盘一张，内含书中所有网页布局源文件和配色的颜色表文件，另外包含大量的配色相关视频操作。