第1章 了解色彩 1
1.1 色彩的属性 2
1.1.1 色相 2
1.1.2 明度 13
1.1.3 彩度 17
1.1.4 色调 21
1.1.5 冷暖 25
1.2 网页色彩的模式 28
1.2.1 RGB色彩模式 28
1.2.2 Index色彩模式 28
1.2.3 216种网页安全色 29
1.3 色彩在界面中的作用 31
1.3.1 主辅色与强调色 31
1.3.2 营造氛围塑造风格 32
1.3.3 强化视觉区域、引导视觉流程 34
1.4 配色原则 35
1.4.1 准确 35
1.4.2 全局观、整体感 40
1.4.3 个性 44
第2章 基于色相的配色 47
2.1 红色系 48
2.1.1 红色的联想与象征 48
2.1.2 粉红色的联想与象征 52
2.1.3 紫红色的联想与象征 56
2.2 橙色系 59
2.2.1 橙色的联想与象征 59
2.3 黄色系 67
2.3.1 黄色的联想与象征 67
2.4 绿色系 70
2.4.1 绿色的联想与象征 70
2.5 蓝色系 76
2.5.1 蓝色的联想与象征 76
2.6 紫色系 79
2.6.1 紫色的联想与象征 79
2.6.2 紫色系配色案例分析 80
2.7 黑色系 84
2.7.1 黑色的联想与象征 84
2.7.2 黑色配色案例分析 84
2.8 白色系 87
2.8.1 白色的联想与象征 87
2.8.2 白色配色案例分析 87
2.9 灰色系 89
2.9.1 灰色的联想与象征 89
2.9.2 灰色配色案例分析 89
2.10 配色灵感的来源 92
第3章 基于色彩印象的配色 95
3.1 色彩印象空间 96
3.2 低彩度印象配色 98
3.2.1 温和印象的网页配色 98
3.2.2 隐约印象的网页配色 100
3.2.3 高尚印象的网页配色 103
3.3 高彩度印象配色 106
3.3.1 可爱印象的配色 106
3.3.2 欢快印象的配色 109
3.3.3 动感印象的配色 112
3.4 中间彩度印象配色 115
3.4.1 洁净印象的配色 115
3.4.2 自然印象的配色 118
3.4.3 优雅印象的配色 121
3.4.4 华丽印象的配色 125
3.4.5 稳重印象的配色 128
3.4.6 现代印象的配色 131
第4章 基于桌面网站内容与类型的配色 135
4.1 汽车类网站配色 136
4.1.1 汽车门户网站色彩解析 136
4.1.2 汽车品牌官方网站色彩解析 139
4.1.3 汽车官网常用主色 142
4.1.4 汽车网站配色规律总结 145
4.2 房产类网站配色 145
4.3 服饰类网站配色 150
4.3.1 服装门户类网站分析 150
4.3.2 服装品牌的官方网站的色彩设计 151
4.3.3 服饰类网站品牌官网与网店网页的设计区别 155
4.4 艺术类网站配色 157
4.4.1 舞蹈 157
4.4.2 戏剧 160
4.4.3 音乐 162
4.4.4 设计 165
4.4.5 艺术类网站总结 167
4.5 教育类网站配色 168
4.5.1 大学网站 169
4.5.2 儿童网站 174
4.5.3 育儿网站 175
4.5.4 中小学课外辅导学校 177
4.6 食品类网站配色 179
4.6.1 案例分析 179
4.6.2 食品类网站总结 187
4.7 电影类网站配色 188
4.7.1 案例分析 188
4.7.2 电影网站总结 195
第5章 基于移动网站／APP内容的配色 197
5.1 阅读类应用 198
5.2 音乐类应用 203
5.3 社交类应用 208
5.4 购物类应用 214
5.5 餐饮类应用 219
第6章 界面配色技巧 225
6.1 利用配色工具分析界面颜色 226
6.1.1 Adobe Kuler 226
6.1.2 colorschemedesigner.com 230
6.2 如何加强界面色彩调和 234
6.2.1 类似色相、类似色调 234
6.2.2 相反色相、类似色调 236
6.3 如何加强网页色彩对比 239
6.3.1 相反色相、相反色调 240
6.3.2 类似色相、相反色调 242
6.4 渐变 244
6.4.1 色相渐变 244
6.4.2 色调渐变 245
6.5 分离 246
6.6 三角调和与四角调和 247
6.6.1 三角调和 247
6.6.2 四角调和 252
6.7 无彩色与彩色 254
篇外：配色这点事儿 255
功夫在诗外 256
色彩逆推 257