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

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

2016/02/28 58831评论区

designer-review-color-blue-1

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

uisdc-hao

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/designer-review-color-blue

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里