专业色彩搭配手册 网页配色

第1章 认识色彩 2

1.1色彩构成 2

1.原色 2

2.间色 3

3.复色 3

4.同种色 4

5.同类色 4

6.类似色 4

7.邻近色 5

8.对比色 5

9.互补色 5

1.2色彩的三要素 5

1.明度 5

2.色相 6

3.纯度 6

1.3色彩的对比 6

1.明度对比 6

2.色相对比 7

3.纯度对比 8

4.面积对比 8

5.补色对比 9

6.冷暖对比 9

第2章 感知色彩 11

2.1色彩的象征意义 11

1.红色调 11

2.橙色调 11

3.黄色调 12

4.绿色调 12

5.青色调 12

6.蓝色调 12

7.紫色调 13

8.黑色调 13

9.白色调 13

10.灰色调 13

2.2色彩的感觉 14

1.柔和、明亮 14

2.洁净、爽朗 15

3.可爱、有趣 17

4.运动、轻快 19

5.女性、优雅 20

6.自然、冷静 22

7.传统、古典 24

8.简单、洁净 25

9.时尚、高雅 27

第3章 网页中的色彩搭配 30

3.1网页的彩色搭配 30

3.2网页的非彩色搭配 32

3.3网页的搭配技巧 34

1.一种颜色搭配 34

2.两种颜色搭配 34

3.多种颜色搭配 35

4.无彩色与有彩色搭配 35

第4章 色彩赋予页面活力 37

4.1网页色彩搭配原理 37

1.根据内容选择合适的颜色 37

2.色彩鲜明，主题突出 37

3.色彩独特，与众不同 37

4.根据色彩的特性选择合适的颜色 37

4.2色彩模式 38

1.RGB颜色模式 38

2.CMYK颜色模式 38

3.HSB颜色模式 38

4.Lab颜色模式 38

5.灰度颜色模式 39

6.位图颜色模式 39

4.3网页颜色模式 39

4.4页面文件格式介绍 40

1.PSD文件格式 40

2.JPEG文件格式 40

3.GIF文件格式 40

4.PNG文件格式 41

5.SWF文件格式 41

第5章 红色系在网页中的应用 44

5.1红色系配色方案 44

5.2红色系网页案例分析 46

1.食品、饮食类网页 46

2.公司展示类网页 47

3.女性用品网页 48

4.综合门户类网页 49

5.电子商务类网页 50

6.产品类网页 51

7.其他类网页 52

5.3红色系网页色彩搭配案例 53

1.朱红色 53

2.深红色 54

3.玫瑰红色 55

4.粉红色 56

5.红色＋黑色 57

6.红色＋绿色 58

7.红色＋黄色 59

8.红色＋蓝色 60

9.红色＋黑色＋灰色 61

5.4红色系的文字颜色搭配 62

第6章 橙色系在网页中的应用 65

6.1橙色系配色方案 65

6.2橙色系网页案例分析 67

1.食品、饮食类网页 67

2.娱乐类网页 68

3.个性展示类网页 69

4.综合门户类网页 70

5.电子商务类网页 71

6.产品类网页 72

7.其他类网页 73

6.3橙色系网页色彩搭配案例 74

1.深橙红色 74

2.浅橙红色 75

3.米色 76

4.橙色＋灰色 77

5.橙色＋白色 78

6.橙色＋黄色 79

7.橙色＋蓝色 80

8.橙色＋绿色 81

9.橙色＋黑色 82

6.4橙色系的文字颜色搭配 83

第7章 黄色系在网页中的应用 86

7.1黄色系配色方案 86

7.2黄色系网页案例分析 88

1.食品、饮食类网页 88

2.娱乐类网页 89

3.个性展示类网页 90

4.综合门户类网页 91

5.电子商务类网页 92

6.产品类网页 93

7.其他类网页 94

7.3黄色系网页色彩搭配案例 95

1.柠檬黄色 95

2.淡黄色 96

3.暗黄色 97

4.黄褐色 98

5.黄色＋绿色 99

6.黄色＋黑色 100

7.黄色＋蓝色 101

8.黄色＋红色 102

9.黄色＋橙色＋红色 103

7.4黄色系的文字颜色搭配 104

第8章 绿色系在网页中的应用 107

8.1绿色系配色方案 107

8.2绿色系网页案例分析 109

1.医疗保健类网页 109

2.公司展示类网页 110

3.娱乐休闲类网页 111

4.卡通动画类网页 112

5.电子商务类网页 113

6.产品类网页 114

7.其他类网页 115

8.3绿色系网页色彩搭配案例 116

1.黄绿色 116

2.苹果绿色 117

3.碧绿色 118

4.深绿色 119

5.绿色＋黄色 120

6.绿色＋蓝色 121

7.绿色＋红色 122

8.绿色＋黑色 123

9.绿色＋黄绿色＋浅绿色＋深绿色 124

8.4绿色系的文字颜色搭配 125

第9章 青色系在网页中的应用 128

9.1青色系配色方案 128

9.2青色系网页案例分析 130

1.科技类网页 130

2.公司展示类网页 131

3.培训教育类网页 132

4.医疗保健类网页 133

5.儿童类网页 134

6.产品类网页 135

7.其他类网页 136

9.3青色系网页色彩搭配案例 137

1.青绿色 137

2.青蓝色 138

3.青色＋黑色 139

4.青色＋绿色 140

5.青色＋蓝色 141

6.青色＋红色 142

7.青色＋橙色 143

8.青色＋绿色＋紫色 144

9.青色＋红色＋橙色＋黄色＋绿色 145

9.4青色系的文字颜色搭配 146

第10章 蓝色系在网页中的应用 149

10.1蓝色系配色方案 149

10.2蓝色系网页案例分析 151

1.科技类网页 151

2.公司展示类网页 152

3.培训教育类网页 153

4.医疗保健类网页 154

5.儿童类网页 155

6.产品类网页 156

7.其他类网页 157

10.3蓝色系网页色彩搭配案例 158

1.宝石蓝 158

2.天蓝色 159

3.浅蓝色 160

4.深蓝色 161

5.蓝色＋绿色 162

6.蓝色＋红色 163

7.蓝色＋玫瑰红色 164

8.蓝色＋黄色 165

9.蓝色＋黑色 166

10.4蓝色系的文字颜色搭配 167

第11章 紫色系在网页中的应用 170

11.1紫色系配色方案 170

11.2紫色系网页案例分析 172

1.娱乐类网页 172

2.公司展示网页 173

3.个性展示类网页 174

4.女性用品类网页 175

5.电子商务网页 176

6.产品类网页 177

7.其他类网页 178

11.3紫色系网页色彩搭配案例 179

1.紫红色 179

2.紫罗兰色 180

3.浅紫色 181

4.深紫色 182

5.紫色＋黄色 183

6.紫色＋紫红色 184

7.紫色＋蓝色 185

8.紫色＋绿色 186

9.紫色＋黑色 187

11.4紫色系的文字颜色搭配 188

第12章 黑色系在网页中的应用 191

12.1黑色系配色方案 191

12.2黑色系网页案例分析 193

1.家居建材类网页 193

2.公司展示类网页 194

3.个性展示类网页 195

4.珠宝首饰类网页 196

5.网络数码类网页 197

6.产品类网页 198

7.其他类网页 199

12.3黑色系网页色彩搭配案例 200

1.黑色 200

2.浅灰色 201

3.深灰色 202

4.黑色＋白色 203

5.黑色＋灰色 204

6.黑色＋白色＋灰色 205

7.黑色＋红色 206

8.黑色＋绿色 207

9.黑色＋橙色 208

12.4黑色系的文字颜色搭配 209

第13章 常用网页颜色代码表 211

1.红色、粉红色16进制网页颜色代码 211

2.紫红色16进制网页颜色代码 211

3.蓝色16进制网页颜色代码 211

4.黄色、褐色、橙色16进制网页颜色代码 212

5.绿色、青色16进制网页颜色代码 213

6.白色、灰色、黑色16进制网页颜色代码 215

7.常用网页颜色英文名称 215