网页设计配色图典【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

网页设计配色图典PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 色彩达人必学知识1

1.1色彩究竟是什么2

1.1.1色彩是什么2

1.1.2色彩能够做什么2

1.1.3色彩的属性4

1.2主色、辅助色、点缀色的关系8

1.2.1主色8

1.2.2辅助色8

1.2.3点缀色9

1.2.4设计师谈——利用柔和色调打造全新视觉感受9

1.2.5动手练习——使用图标代替文字增加页面现代感10

1.3色彩的对比11

1.3.1明度对比12

1.3.2纯度对比12

1.3.3色相对比13

1.3.4面积对比15

1.3.5冷暖对比16

第2章 网页设计的基础知识17

2.1什么是网页18

2.2网页的构成18

2.2.1网页简介18

2.2.2网页标题19

2.2.3网站的LOGO20

2.2.4网页页眉20

2.2.5网页页脚21

2.2.6网页导航21

2.2.7网页的主体内容21

2.3网页的尺寸22

2.4网页的色彩23

2.4.1 RGB色彩模式23

2.4.2 HTML语言对色彩的描述24

2.4.3网络安全色25

第3章 了解基础色27

3.1红29

3.1.1浅谈红色29

3.1.2应用实例30

3.1.3常见色分析30

3.1.4猜你喜欢31

3.2橙32

3.2.1浅谈橙色32

3.2.2应用实例33

3.2.3常见色分析33

3.2.4猜你喜欢34

3.3黄35

3.3.1浅谈黄色35

3.3.2应用实例36

3.3.3常见色分析36

3.3.4猜你喜欢37

3.4绿38

3.4.1浅谈绿色38

3.4.2应用实例39

3.4.3常见色分析39

3.4.4猜你喜欢40

3.5青41

3.5.1浅谈青色41

3.5.2应用实例42

3.5.3常见色分析42

3.5.4猜你喜欢43

3.6蓝44

3.6.1浅谈蓝色44

3.6.2应用实例45

3.6.3常见色分析45

3.6.4猜你喜欢46

3.7紫47

3.7.1浅谈紫色47

3.7.2应用实例48

3.7.3常见色分析48

3.7.4猜你喜欢49

3.8黑50.50

3.8.1浅谈黑色50

3.8.2应用实例50

3.8.3猜你喜欢51

3.9白52

3.9.1浅谈白色52

3.9.2应用实例52

3.9.3猜你喜欢53

3.10.灰54

3.10.1浅谈灰色54

3.10.2应用实例54

3.10.3猜你喜欢55

第4章 网页布局技巧与色彩57

4.1网页布局的基础知识58

4.2黄金分割式布局与左右对齐式布局59

4.2.1黄金分割式布局60

4.2.2左右对齐式布局60

4.2.3动手练习——修改背景颜色61

4.2.4设计师谈——黑色配色方案61

4.2.5配色实战61

4.2.6常见色彩搭配62

4.2.7猜你喜欢62

4.3全景式布局与卫星式布局63

4.3.1全景式布局64

4.3.2卫星式布局64

4.3.3动手练习——使用点缀色65

4.3.4设计师谈——按钮的设计65

4.3.5配色实战65

4.3.6常见色彩搭配66

4.3.7猜你喜欢66

4.4照片组合式布局与包围式布局67

4.4.1照片组合式布局68

4.4.2包围式布局68

4.4.3动手练习——LOGO的设计69

4.4.4 设计师谈——扁平化69

4.4.5 配色实战69

4.4.6常见色彩搭配70

4.4.7猜你喜欢70

4.5散开式布局与对称式布局71

4.5.1散开式布局72

4.5.2对称式布局72

4.5.3动手练习——提高颜色的纯度73

4.5.4设计师谈——留白73

4.5.5配色实战73

4.5.6常见色彩搭配74

4.5.7猜你喜欢74

第5章 网页色彩的视觉印象75

5.1女性76

5.1.1甜美76

5.1.2时尚76

5.2男性77

5.2.1理智77

5.2.2温存77

5.3儿童78

5.3.1柔和78

5.3.2活力78

5.4老人79

5.4.1温暖79

5.4.2踏实79

5.5华丽80

5.5.1优雅80

5.5.2华美80

5.6质朴81

5.6.1淳朴81

5.6.2干净81

5.7活泼82

5.7.1天真82

5.7.2活力82

5.8庄重83

5.8.1庄严83

5.8.2稳重83

5.9兴奋84

5.9.1亢奋84

5.9.2欢乐84

5.10.沉静85

5.10.1安静85

5.10.2沉寂85

5.11温暖86

5.11.1温馨86

5.11.2和煦86

5.12凉爽87

5.12.1劲爽87

5.12.2冰凉87

5.13专业88

5.13.1品质88

5.13.2科技88

5.14时尚89

5.14.1新潮89

5.14.2前卫89

5.15雅致90

5.15.1精致90

5.15.2优雅90

5.16环保91

5.16.1呼吸91

5.16.2健康91

5.17安全92

5.17.1安稳92

5.17.2安然92

5.18信誉93

5.18.1大气93

5.18.2品质93

5.19荣耀94

5.19.1华丽94

5.19.2光辉94

5.20美味95

5.20.1香甜95

5.20.2浓香95

5.21神秘96

5.21.1奇幻96

5.21.2深邃96

5.22梦幻97

5.22.1绚丽97

5.22.2迷幻97

5.23自然98

5.23.1绿色98

5.23.2清新98

5.24严肃99

5.24.1典范99

5.24.2规范99

第6章 不同网站的网页色彩搭配101

6.1门户网页102

6.1.1什么是门户网站102

6.1.2案例分析103

6.1.3动手练习——降低文字的饱和度104

6.1.4设计师谈别忽视网页中的搜索框104

6.1.5配色实战——扁平化网页的配色方案104

6.1.6常见色彩搭配104

6.1.7猜你喜欢105

6.2企业网站106

6.2.1什么是企业网站106

6.2.2案例分析107

6.2.3动手练习——增加页面空间感，集中用户视线108

6.2.4设计师谈——用同一色相进行色彩搭配108

6.2.5配色实战——网页中点缀色配色方案108

6.2.6常见色彩搭配109

6.2.7猜你喜欢109

6.3产品展示110

6.3.1什么是产品展示网页110

6.3.2案例分析111

6.3.3动手练习——减少画面颜色112

6.3.4设计师谈——各国家的颜色内涵112

6.3.5配色实战——网页配色方案113

6.3.6常见色彩搭配113

6.3.7猜你喜欢113

6.4购物网站114

6.4.1什么是购物网站114

6.4.2案例分析115

6.4.3动手练习——为留白空间添加装饰116

6.4.4设计师谈——网页设计中，字体粗细的选择116

6.4.5配色实战——网页色彩搭配116

6.4.6常见色彩搭配117

6.4.7猜你喜欢117

6.5社交网站118

6.5.1什么是社交网站118

6.5.2案例分析119

6.5.3动手练习——网站色调应该与产品相呼应120

6.5.4设计师谈——避免红字蓝底或蓝字红底的情况120

6.5.5配色实战——不同配色方案的视觉效果120

6.5.6常见色彩搭配121

6.5.7猜你喜欢121

6.6个人网页122

6.6.1什么是个人网页122

6.6.2案例分析123

6.6.3动手练习——为单调的背景添加装饰124

6.6.4设计师谈——网页设计中的三个小细节124

6.6.5配色实战——舞蹈网站的色彩搭配124

6.6.6常见色彩搭配124

6.6.7猜你喜欢125

6.7社区论坛126

6.71什么是社区论坛126

6.7.2案例分析127

6.7.3动手练习——别把选项藏起来128

6.7.4设计师谈——单色网页设计128

6.7.5配色实战——网页色彩搭配128

6.7.6常见色彩搭配129

6.7.7猜你喜欢129

6.8活动网站130

6.8.1什么是活动网站130

6.8.2案例分析131

6.8.3动手练习——尽量减少表单问题132

6.8.4设计师谈——选用两种色彩进行色彩搭配132

6.8.5配色实战——同一网站的配色方案132

6.8.6常见色彩搭配133

6.8.7猜你喜欢133

6.9搜索引擎134

6.9.1什么是搜索引擎134

6.9.2案例分析135

6.9.3动手练习——学会强调最佳方案136

6.9.4设计师谈——使用黑色与一种色彩进行搭配136

6.9.5配色实战——小面积修改颜色的方案136

6.9.6常见色彩搭配137

6.9.7猜你喜欢137

第7章 不同行业的网页色彩搭配139

7.1车品类140

7.1.1现代风格车品网页140

7.1.2粗犷风格车品网页140

7.1.3动手练习——为教育网页换一个合适颜色141

7.1.4设计师谈——为网页制作一个漂亮的等待页面141

7.1.5常见色彩搭配141

7.2服饰类142

7.2.1品牌时装网页142

7.2.2年轻服装网页142

7.2.3动手练习——将商品突显出来143

7.2.4设计师谈——使用菱形进行页面的分割143

7.2.5常见色彩搭配143

7.3珠宝类144

7.3.1珠宝类购物网页144

7.3.2品牌珠宝网站144

7.3.3动手练习——提高画面明度145

7.3.4设计师谈——色块拼贴法145

7.3.5常见色彩搭配145

7.4建筑装潢146

7.4.1室内设计装饰公司网页146

7.4.2景观事务所网页146

7.4.3动手练习——为导航栏添加图标增加其识别性147

7.4.4设计师谈——简洁明快的网页设计风格147

7.4.5常见色彩搭配147

7.5媒体、音乐类148

7.5.1音乐类网页148

7.5.2电视剧网页148

7.5.3动手练习——为界面换一个合适的点缀色149

7.5.4设计师谈——利用视差滚动，打造全新感官享受149

7.5.5常见色彩搭配149

7.6IT科技150

7.6.1软件研发公司网页150

7.6.2电脑制造商网页150

7.6.3动手练习——卫星式布局方式的妙用151

7.6.4设计师谈——为界面添加一个合适的字体151

7.6.5常见色彩搭配151

7.7教育类152

7.7.1知名大学网页152

7.7.2私立学校网页152

7.7.3动手练习——为页面填写一个显眼的辅助色153

7.7.4设计师谈——为网站设计一个漂亮的404界面153

7.7.5常见色彩搭配153

第8章 不同风格的网页设计155

8.1简约至上主义风格156

8.1.1简洁157

8.1.2整齐157

8.1.3动手练习——使网页看起来唯美、整洁158

8.1.4设计师谈——简约是一种特殊的表达158

8.1.5常见色彩搭配158

8.2绚丽的欧美风格159

8.2.1清爽160

8.2.2时尚160

8.2.3动手练习——将页面改为中纯度色彩基调161

8.2.4设计师谈——欧美风网站的色彩搭配161

8.2.5常见色彩搭配161

8.3淡雅的韩式风格162

8.3.1淡雅163

8.3.2醇厚163

8.3.3动手练习——使网页看起来清新淡雅164

8.3.4设计师谈——韩式的淡雅清新164

8.3.5常见色彩搭配164

8.4悠远的日式风格165

8.4.1细腻166

8.4.2民族166

8.4.3动手练习——使网页看起来更富意境167

8.4.4设计师谈——日式风格167

8.4.5常见色彩搭配167

8.5空间感网页设计168

8.5.1层次169

8.5.2立体169

8.5.3动手练习——使网页层次更加清晰170

8.5.4设计师谈——“立体感”的产生170

8.5.5常见色彩搭配170

8.6扁平化设计171

8.6.1整洁172

8.6.2简约172

8.6.3动手练习——为页面选择一个合适的颜色173

8.6.4设计师谈——力求简约的扁平化设计173

8.6.5常见色彩搭配173

8.7趣味的手绘风格174

8.7.1趣味175

8.7.2鲜活175

8.7.3动手练习——添加插画，活跃页面气氛176

8.7.4设计师谈——富有亲和力的手绘风176

8.7.5常见色彩搭配176

8.8抽象的网页设计177

8.8.1精炼178

8.8.2情绪178

8.8.3动手练习——使网页风格更加简约179

8.8.4设计师谈——抽象风是情绪的精炼179

8.8.5常见色彩搭配179

8.9怀旧的复古风格180

8.9.1回忆181

8.9.2浓厚181

8.9.3动手练习——使网页视觉重点突出182

8.9.4设计师谈——复古风的融情182

8.9.5常见色彩搭配182

9.1儿童主题网页184

9.1.1项目分析184

9.1.2案例分析184

9.1.3版式分析185

9.1.4配色方案186

9.1.5佳作欣赏187

9.2自然主题网页188

9.2.1项目分析188

9.2.2案例分析188

9.2.3版式分析189

9.2.4配色方案190

9.2.5佳作欣赏191

9.3科技类网页192

9.3.1项目分析192

9.3.2案例分析192

9.3.3版式分析193

9.3.4配色方案194

9.3.5佳作欣赏195

9.4商务风格网页196

9.4.1项目分析196

9.4.2案例分析196

9.4.3版式分析197

9.4.4配色方案198

9.4.5佳作欣赏199