第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网站的LOGO 20
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