网页配色设计从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页配色设计从入门到精通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