网页配色设计从入门到精通PDF电子书下载

第1章 网页色彩的基本理论 3

1.1色彩设计原理 3

1单色搭配 3

2互补色搭配 4

3对比色搭配 5

1.2色彩的三大属性 6

1色相 6

2明度 7

3饱和度 8

1.3色彩的感觉 9

1色彩的重量感 9

2色彩的体量感 10

3色彩的距离感 10

4色彩的温度感 11

第2章网页设计的相关知识 14

2.1网页设计的要素 14

1点 14

2线 15

3面 17

2.2网页设计的基本要求 18

1网页设计的功能性 18

2网页设计的美观性 20

3网页设计的艺术性 22

2.3网页设计的色彩禁忌 23

1用尽量少的色彩进行搭配 23

2色彩繁杂，无统一的基本色调 25

3忽视浏览者对信息的获取效率 27

4引起视觉疲劳，产生厌倦感的色彩 29

第3章 网页设计的基础色 33

3.1红 33

1浅谈红色 33

2激烈、刺激 34

3中式华丽 34

4常见色分析 35

5案例欣赏 35

3.2橙 37

1浅谈橙色 37

2温馨、充实 38

3倍感温暖 38

4常见色分析 39

5案例欣赏 39

3.3黄 40

1浅谈黄色 40

2活跃气氛 41

3温暖、淡雅 41

4常见色分析 42

5案例欣赏 42

3.4绿 43

1浅谈绿色 43

2健康、纯天然 44

3巧用点缀 44

4常见色分析 45

5案例欣赏 45

3.5青 46

1浅谈青色 46

2清爽、干净 47

3艺术氛围 47

4常见色分析 48

5案例欣赏 48

3.6蓝 49

1浅谈蓝色 49

2炫酷科技感 50

3清爽、干净 50

4常见色分析 51

5案例欣赏 51

3.7紫 52

1浅谈紫色 52

2成熟魅力 53

3俏皮、可爱 53

4常见色分析 54

5案例欣赏 54

3.8黑、白、灰 55

1黑色 55

2神秘、高傲 55

3白色 56

4干净、轻盈 56

5灰色 57

6低调、奢华 57

7案例欣赏 58

第4章 网页各类元素的色彩搭配 61

4.1图标 61

1同一色调 62

2对比色调 62

3中心明朗 63

4透视角度 63

5案例欣赏 64

4.2导航条 65

1大方、简洁 66

2质感强烈 66

3简单、亮丽 67

4充满个性 67

5案例欣赏 68

4.3 Banner 69

1色彩突出 70

2和谐、统一 70

3炫酷效果 71

4层次感分明 71

5案例欣赏 72

4.4文字 73

1以文字为视觉重心 74

2文字的视觉传递 74

3图文交替 75

4细腻、规整 75

5案例欣赏 76

4.5图片 77

1不同位置 78

2不同面积 78

3不同形状 79

4与色块的灵活运用 79

5案例欣赏 80

4.6框架 81

1丰富的元素 82

2规整的结构 82

3极强的展示性 83

4硬朗、洒脱的切割式 83

5案例欣赏 84

第5章不同布局的网页色彩搭配 87

5.1骨骼型布局 87

1竖向 88

2横向 88

3案例欣赏 89

5.2满版型布局 90

1欧美复古风 91

2规矩、大方 91

3案例欣赏 92

5.3分割型布局 93

1布局对比 94

2面积对比 94

3案例欣赏 95

5.4中轴型布局 96

1稳定的轴线 97

2完美的对称 97

3案例欣赏 98

5.5倾斜型布局 99

1戏剧化的不稳定感 100

2引导视线 100

3案例欣赏 101

5.6曲线型布局 102

1曲线的节奏 103

2趣味的分割 103

3案例欣赏 104

5.7焦点型布局 106

1突出重心 107

2视觉导向 107

3案例欣赏 108

5.8自由型布局 109

1随意的分布 110

2充满幻想的分布 110

3案例欣赏 111

5.9三角形布局 113

1稳定的布局 114

2立体的布局 114

3案例欣赏 115

第6 章 不同风格的网页色彩设计 118

6.1简约风格 118

1流行的扁平化 119

2简约不简单 119

3简洁、洗练 120

4轻奢、典雅 120

5案例欣赏 121

6.2古典风格 122

1传统水墨 123

2欧美复古 123

3雅致、高远 124

4复古报纸 124

5案例欣赏 125

6.3欧美风格 128

1奢华与叛逆 129

2繁琐与平衡 129

3强大气场 130

4刚柔并济 130

5案例欣赏 131

6.4日韩风格 134

1唯美、清新 135

2层次分明 135

3随性街拍 136

4甜美、浪漫 136

5案例欣赏 137

6.5矢量风格 138

1简明、自然 139

2概念化与亲和力 139

3色彩通透、明朗 140

4独特元素 140

5案例欣赏 141

6.6三维风格 143

1身临其境 144

2三维与二维的完美结合 144

3模拟真实效果 145

4三维交互 145

5案例欣赏 146

6.7像素风格 149

1怀旧情绪 150

2趣味像素 150

3真实与虚拟的融合 151

4浮夸、抽象 151

5案例欣赏 152

6.8手绘风格 153

1趣味横生 154

2富有亲和力 154

3鲜活、轻快 155

4夸张、诡异 155

5案例欣赏 156

第7章网页设计的色彩印象 161

7.1男性VS女性 161

1男性——酷炫效果 162

2男性——简洁版块 163

3女性——高贵、典雅 164

4女性——清新、柔美 165

5案例欣赏 166

7.2传统VS科技 168

1传统——古朴原木 169

2传统——古香古色 170

3科技——蓝白色调 171

4科技——金属质地 172

5案例欣赏 173

7.3活泼VS严谨 175

1活泼——色彩缤纷 176

2活泼——活灵活现 177

3严谨——纯粹、清爽 178

4严谨——单纯但不单调 179

5案例欣赏 180

7.4平凡VS神秘 182

1平凡——纯色组合 183

2平凡——安静、平和 184

3神秘——深邃效果 185

4神秘——朦胧意境 186

5案例欣赏 187

7.5抽象VS直白 189

1抽象——抽象的设计感 190

2抽象——充满意境 191

3直白——具象视角 192

4直白——完美展示 193

5案例欣赏 194

第8章 网页色彩设计的应用领域 198

8.1新闻机构 198

1突出文字 199

2严谨、有序 199

3时尚、干净 200

4活泼、动感 200

5案例欣赏 201

8.2企业门户 202

1极具宣传性 203

2彰显服务性 203

3稳定的框架结构 204

4直白、具象 204

5案例欣赏 205

8.3科教文化 206

1正式、严谨 207

2高饱和度的冲击力 207

3校园气息 208

4大方、稳重 208

5案例欣赏 209

8.4娱乐艺术 211

1独特的艺术效果 212

2率性、热烈 212

3个性与时尚 213

4洒脱、抽象 213

5案例欣赏 214

8.5电子商务 215

1欢快、亮丽 216

2彰显品位 216

3儿童品牌 217

4端庄、文雅 217

5案例欣赏 218

8.6网络中心 220

1极具真实感 221

2惟妙惟肖 221

3直观、鲜明 222

4经典、灵动 222

5案例欣赏 223

8.7竞技体育 224

1特写的美感 225

2帅气、灵动 225

3竞技与生活 226

4力量与激情 226

5案例欣赏 227