UI设计-重命名色彩(蓝色)

　　UI设计-重命名色彩(蓝色)

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

　　简述

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

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

　　钴蓝色(Cobalt blue)名字由矿物颜料钴而来，用来指明亮的蓝色，在很多领域广泛使用，是强烈鲜明的标准蓝色。天青石色(Ultra marine)Ultra marine的意思是来自遥远的海的那边。天青石色颜料过去在欧洲十分稀少，要从其他地方历经周折运输过来，是一种十分珍稀的颜料。现在可以人工合成，主要用来指称偏深蓝的蓝色。天蓝色(Sky blue)明亮较高的蓝色，广泛用于表述明亮的蓝色。是接近天空的蓝。宝贝蓝(Baby 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)钢铁的颜色，是一种泛蓝色的灰色。

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

　　再来看看蓝色留给我们的意象吧。源于自然的蓝色意象，大海：凉爽、寂静、深邃、广阔……天空：宽广、飞翔、梦想、希望、遥远、正义、纯净……，源于社会的蓝色意象，旗帜：自由、独立、脱离、保守、……符号：男性、清洁、休息、医疗……语言(英语)：冷酷、平民、工薪阶层、劳动者、忧郁……信号：保护、信赖、义务、克制……

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

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

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

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

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

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

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

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

　　三、蓝色的配色实例

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

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

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

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

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

　　后记

　　成都华信智原UI设计培训老师觉得颜色千变万化，我们学色彩的目的不是为了展示色彩，而是表达色彩背后的含义。不同的蓝色代表了不同的意义，而这需要在实践中不断的积累。