发表于: 2018-11-14 21:04:54

1 1708


今天完成的事情: 


今天做了几版任务六。

1.

 

2.

3.

4.

5.

6.

7.

8.

                    
明天计划的事情:   


继续做任务六。

                        
遇到的问题:        


暂时没有遇到问题。

               
收获:


在百度找了最常用的的搭配颜色的设计方法。


1.UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

天蓝色(Sky blue)

明亮较高的蓝色,广泛用于表述明亮的蓝色。是接近天空的蓝。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

宝贝蓝(Baby blue)

幼儿产品中经常使用的粉嫩蓝色。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

天青蓝(Cerulean blue)

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

青蓝色(Cyan blue)

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

东方蓝(Oriental blue)

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

海军蓝(Navy blue)

由英国海军制服的颜色而得名,用来表述深蓝色。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

普鲁士蓝(Prussian blue)

18世纪普鲁士工人在实验过程中得到一种颜色鲜艳的蓝色沉淀,后经化学家实验得知,这是六氢合铁酸铁,即普鲁士蓝,是一种较为厚重的蓝色。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

靛蓝色(Indigo)

Indigo是一种生长在中国和印度的槐蓝属植物,在染蓝色时广泛使用。以前,根据染色程度的不同,可以表现多种多样的蓝色,现在主要用来指称深蓝色。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

尼罗河蓝(Nile blue)

因尼罗河的水色而得名,是一种泛草绿色的淡蓝色 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

天空灰(Sky grey)

阴天时天空的颜色,是一种泛蓝色的灰色 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

烟蓝色(Smoke blue)

青烟的颜色,是一种泛灰的亮蓝色 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

子夜蓝(Midnight blue)

深夜里天空的颜色,是一种接近黑色的泛灰色的深蓝色 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

钢铁灰(Steel grey)

钢铁的颜色,是一种泛蓝色的灰色 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

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

源于自然的蓝色意象

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

源于社会的蓝色意象

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

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

如果以蓝色作为点睛色,那么其他颜色就尽量选择暖色,也可以选择明度和纯度较低的色彩与其搭配,这样可以衬托出蓝色的力量。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

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

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

此外,即便蓝色的明度较高,如果与其他配色的明度差异较大的话,也会给人以消极的感觉。比如,天蓝色和粉红色配色,可以传达温暖的感觉,但天蓝色与黑色配色,则会传递出由于和冷漠的感觉。UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

三、蓝色的配色实例

灰色是蓝色的好搭档,与任何一种蓝色都能搭配协调。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

蓝色同时也能在红色等暖色做主色是作为起点睛色而存在。因为尽管蓝色是后退色,但当蓝色的明度较高时,同样可以很抢眼。 UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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

UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇

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


今天虽然没收获多少东西,但是多做还是能得到很多的知识。



  


返回列表 返回列表
评论

    分享到