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

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 配色实战——网页中点缀色配色方案109

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 配色实战——网页色彩搭配117

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 配色实战——不同配色方案的视觉效果121

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 常见色彩搭配125

6.6.7 猜你喜欢125

6.7 社区论坛126

6.7.1 什么是社区论坛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

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

7.1 车品类136

7.1.1 现代风格车品网页136

7.1.2 粗犷风格车品网页136

7.1.3 动手练习——打造豪华质感的车品网页137

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

7.1.5 常见色彩搭配137

7.2 服饰类138

7.2.1 品牌时装网页138

7.2.2 年轻服装网页138

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

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

7.2.5 常见色彩搭配139

7.3 珠宝类140

7.3.1 珠宝类购物网页140

7.3.2 品牌珠宝网站140

7.3.3 动手练习——浅色与深色背景对珠宝产品的影响141

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

7.3.5 常见色彩搭配141

7.4 建筑装潢142

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

7.4.2 景观事务所网页142

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

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

7.4.5 常见色彩搭配143

7.5 媒体、音乐类144

7.5.1 音乐类网页144

7.5.2 电视剧网页144

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

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

7.5.5 常见色彩搭配145

7.6 IT科技146

7.6.1 软件研发公司网页146

7.6.2 电脑制造商网页146

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

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

7.6.5 常见色彩搭配147

7.7 教育类148

7.7.1 知名大学网页148

7.7.2 私立学校网页148

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

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

7.7.5 常见色彩搭配149

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

8.1 简约至上主义风格152

8.1.1 简洁153

8.1.2 整齐153

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

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

8.1.5 常见色彩搭配154

8.2 绚丽的欧美风格155

8.2.1 突出156

8.2.2 细腻156

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

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

8.2.5 常见色彩搭配157

8.3 淡雅的韩式风格158

8.3.1 淡雅159

8.3.2 醇厚159

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

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

8.3.5 常见色彩搭配160

8.4 悠远的日式风格161

8.4.1 细腻162

8.4.2 民族162

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

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

8.4.5 常见色彩搭配163

8.5 空间感网页设计164

8.5.1 层次165

8.5.2 立体165

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

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

8.5.5 常见色彩搭配166

8.6 扁平化设计167

8.6.1 整洁168

8.6.2 简约168

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

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

8.6.5 常见色彩搭配169

8.7 趣味的手绘风格170

8.7.1 趣味171

8.7.2 鲜活171

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

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

8.7.5 常见色彩搭配172

8.8 抽象的网页设计173

8.8.1 精炼174

8.8.2 情绪174

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

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

8.8.5 常见色彩搭配175

8.9 怀旧的复古风格176

8.9.1 回忆177

8.9.2 浓厚177

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

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

8.9.5 常见色彩搭配178

第9章 综合版式配色179

9.1 儿童主题网页180

9.1.1 项目分析180

9.1.2 案例分析180

9.1.3 版式分析181

9.1.4 配色方案182

9.1.5 佳作欣赏183

9.2 自然主题网页184

9.2.1 项目分析184

9.2.2 案例分析184

9.2.3 版式分析185

9.2.4 配色方案186

9.2.5 佳作欣赏187

9.3 科技类网页188

9.3.1 项目分析188

9.3.2 案例分析188

9.3.3 版式分析189

9.3.4 配色方案190

9.3.5 佳作欣赏191

9.4 商务风格网页192

9.4.1 项目分析192

9.4.2 案例分析192

9.4.3 版式分析193

9.4.4 配色方案194

9.4.5 佳作欣赏195