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

@飞屋睿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

收藏 232
点赞 36

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。