深入浅出学配色！带你重新全面认识色彩系列之蓝色篇

@飞屋睿UIdesign ：上次说了色彩系列的绿色，今天继续聊聊绿兰色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016年流行色：《2016流行色彩！如何在设计中运用潘通年度代表色？（附优秀案例）》

1. 红色篇：《设计师的读书笔记！带你重新全面认识色彩系列之红色篇》
2. 橙色篇：《深入浅出学配色！带你重新全面认识色彩系列之橙色篇》
3. 黄色篇：《深入浅出学配色！带你重新全面认识色彩系列之黄色篇》
4. 绿色篇：《深入浅出学配色！带你重新全面认识色彩系列之绿色篇》

前言

有人说蓝色代表忧郁，又有人说蓝色象征科技。蓝色的原始记忆来自天空的广阔和大海的深邃。它有凉爽、神秘和寂静的感觉，同时又能塑造出特别的亲和力。

在很多最爱颜色的民意调查中，蓝色都是最受大家喜欢的颜色。能获得如此高票的喜爱，绝非偶然，而是由于蓝色本身拥有最自由又最保守的双重性格。蓝色既能演绎出男性的刚毅和坚定，也能用高明度塑造粉嫩的婴儿蓝。由于蓝色属于冷色调，因此常常作为后退色使用，用于背景的时候较多，但纯度和明度都比较高的蓝色却也能用于点睛色。还是让我们先看看下面这些丰富的蓝色吧。

一、蓝色系色彩的名称和语源

钴蓝色（Cobalt blue）

名字由矿物颜料钴而来，用来指明亮的蓝色，在很多领域广泛使用，是强烈鲜明的标准蓝色。

天青石色（Ultra marine）

Ultra marine的意思是来自遥远的海的那边。天青石色颜料过去在欧洲十分稀少，要从其他地方历经周折运输过来，是一种十分珍稀的颜料。现在可以人工合成，主要用来指称偏深蓝的蓝色。

天蓝色（Sky blue）

明亮较高的蓝色，广泛用于表述明亮的蓝色。是接近天空的蓝。

宝贝蓝（Baby blue）

幼儿产品中经常使用的粉嫩蓝色。

天青蓝（Cerulean blue）

Cerulean在拉丁语中是天空的意思，但Cerulean blue是比天蓝色多一点绿色的鲜明的蓝色。

青蓝色（Cyan blue）

Kyanos在拉丁语中意味着黑暗，Cyan blue是一种泛有轻微草绿色的蓝色。

东方蓝（Oriental blue）

东方蓝的名称源自东方瓷器中经常使用的蓝色。是微微泛着紫色的蓝色。

海军蓝（Navy blue）

由英国海军制服的颜色而得名，用来表述深蓝色。

普鲁士蓝（Prussian blue）

18世纪普鲁士工人在实验过程中得到一种颜色鲜艳的蓝色沉淀，后经化学家实验得知，这是六氢合铁酸铁，即普鲁士蓝，是一种较为厚重的蓝色。

靛蓝色（Indigo）

Indigo是一种生长在中国和印度的槐蓝属植物，在染蓝色时广泛使用。以前，根据染色程度的不同，可以表现多种多样的蓝色，现在主要用来指称深蓝色。

尼罗河蓝（Nile blue）

因尼罗河的水色而得名，是一种泛草绿色的淡蓝色

天空灰（Sky grey）

阴天时天空的颜色，是一种泛蓝色的灰色

烟蓝色（Smoke blue）

青烟的颜色，是一种泛灰的亮蓝色

子夜蓝（Midnight blue）

深夜里天空的颜色，是一种接近黑色的泛灰色的深蓝色

钢铁灰（Steel grey）

钢铁的颜色，是一种泛蓝色的灰色

二、蓝色的意象和配色表现

再来看看蓝色留给我们的意象吧。

源于自然的蓝色意象

大海：凉爽、寂静、深邃、广阔…… 天空：宽广、飞翔、梦想、希望、遥远、正义、纯净……

源于社会的蓝色意象

旗帜：自由、独立、脱离、保守、权威…… 符号：男性、清洁、休息、医疗…… 语言（英语）：冷酷、平民、工薪阶层、劳动者、忧郁…… 信号：保护、信赖、义务、克制……

前面我们谈到过，具有高明度和高纯度的蓝色是适合作为点睛色使用的，而如果你将这种点睛色作为后退的背景色用于画面中，就会使画面变得凌乱。纯度较高的蓝色是非常抢眼的。

如果以蓝色作为点睛色，那么其他颜色就尽量选择暖色，也可以选择明度和纯度较低的色彩与其搭配，这样可以衬托出蓝色的力量。

由于蓝色具有很强的力量，因此也非常适合与红、黄、橙色等暖色搭配。

根据情景和象征意义慎重地使用蓝色是十分重要的。蓝色，从与绿色临界的孔雀蓝到与紫色临界的天青石色，能表现的氛围非常宽泛。但是它又不会像黄色和绿色那么多变，因为蓝色与红色或黄色混合调配其他色彩时，有很多局限性。不过蓝色却会随着明度的差异发生很大的变化。与白色接近的亮蓝色给人以柔和温暖，而与黑色接近的蓝色却给人保守刚毅。

明度高的蓝色常用于儿童用品，明度低的蓝色常用于办公用品，从这点上可以看出不同蓝色的差异。

如果要强调蓝色的积极印象，越贴近绿色的蓝色越好。但是，即便纯度较低，明度高的蓝色也能表现出明朗和积极的氛围。

如果要用蓝色表现权威、保守、劳动者或危险深邃的海洋时，最好采用与紫色相近的明度较低的蓝色。即便同样是大海，平静的海通常用明度较高的绿色系的蓝色表现，暴风雨将至、恐怖的海通常用明度低的紫色系的深海色表现。

此外，即便蓝色的明度较高，如果与其他配色的明度差异较大的话，也会给人以消极的感觉。比如，天蓝色和粉红色配色，可以传达温暖的感觉，但天蓝色与黑色配色，则会传递出由于和冷漠的感觉。

三、蓝色的配色实例

灰色是蓝色的好搭档，与任何一种蓝色都能搭配协调。

如上图中在大量的烟蓝色背景上，使用另一种纯度和明度也较高的蓝色的同事，增加一种暖色强调的点睛色。即使蓝色本身容易变得平淡沉滞，也可以马上使画面鲜活生动起来。通常在蓝色做主色的画面中，红、橙、黄色等暖色系色彩作为点睛色可以使整个画面具有梦幻感。而此处略低的纯度也让画面多出几分温柔。

蓝色同时也能在红色等暖色做主色是作为起点睛色而存在。因为尽管蓝色是后退色，但当蓝色的明度较高时，同样可以很抢眼。

蓝色也可以和紫色搭配，但这一搭配容易让画面看上去比较冷，因此尽量选择偏暖的蓝色，也即是靠绿色的蓝色。

蓝色与多种颜色相搭配，尽量选中一个作为主色，比如上图中以蓝色作为主色，无论是远山天空还是河流，包括人物的衣服都是蓝色，与此同时，粉红作为点睛色。画面虽然大量运用蓝色，会偏向冷调，但此处运用了红色、黄色和偏暖的绿色就让画面的颜色达到了平衡。

后记

颜色千变万化，我们学色彩的目的不是为了展示色彩，而是表达色彩背后的含义。不同的蓝色代表了不同的意义，而这需要在实践中不断的积累。

【新手即学即用系列】

1. 《有哪些看上去很高大上，但实际很简单的PS技巧？》
2. 《有哪些看上去很高大上，但实际很简单的PS技巧？（入门篇）》
3. 《有哪些看上去很高大上，但实际很简单的PS技巧？（酷炫火焰篇）》
4. 《有哪些看上去很高大上，但实际很简单的PS技巧？（人像篇）》
5. 《有哪些看上去很高大上，但实际很简单的PS技巧？（渐变色篇）》
6. 《有哪些看上去很高大上，但实际很简单的PS技巧？（二次元篇）》

原文地址：ifeiwu

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量104万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com