发表于: 2018-11-14 21:04:54
1 1708
今天完成的事情:
今天做了几版任务六。
1.
2.
3.
4.
5.
6.
7.
8.
明天计划的事情:
继续做任务六。
遇到的问题:
暂时没有遇到问题。
收获:
在百度找了最常用的的搭配颜色的设计方法。
1.UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
天蓝色(Sky blue)
明亮较高的蓝色,广泛用于表述明亮的蓝色。是接近天空的蓝。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
宝贝蓝(Baby blue)
幼儿产品中经常使用的粉嫩蓝色。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
天青蓝(Cerulean blue)
Cerulean在拉丁语中是天空的意思,但Cerulean blue是比天蓝色多一点绿色的鲜明的蓝色。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
青蓝色(Cyan blue)
Kyanos在拉丁语中意味着黑暗,Cyan blue是一种泛有轻微草绿色的蓝色。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
东方蓝(Oriental blue)
东方蓝的名称源自东方瓷器中经常使用的蓝色。是微微泛着紫色的蓝色。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
海军蓝(Navy blue)
由英国海军制服的颜色而得名,用来表述深蓝色。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
普鲁士蓝(Prussian blue)
18世纪普鲁士工人在实验过程中得到一种颜色鲜艳的蓝色沉淀,后经化学家实验得知,这是六氢合铁酸铁,即普鲁士蓝,是一种较为厚重的蓝色。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
靛蓝色(Indigo)
Indigo是一种生长在中国和印度的槐蓝属植物,在染蓝色时广泛使用。以前,根据染色程度的不同,可以表现多种多样的蓝色,现在主要用来指称深蓝色。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
尼罗河蓝(Nile blue)
因尼罗河的水色而得名,是一种泛草绿色的淡蓝色 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
天空灰(Sky grey)
阴天时天空的颜色,是一种泛蓝色的灰色 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
烟蓝色(Smoke blue)
青烟的颜色,是一种泛灰的亮蓝色 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
子夜蓝(Midnight blue)
深夜里天空的颜色,是一种接近黑色的泛灰色的深蓝色 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
钢铁灰(Steel grey)
钢铁的颜色,是一种泛蓝色的灰色 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
二、蓝色的意象和配色表现
再来看看蓝色留给我们的意象吧。
源于自然的蓝色意象
大海:凉爽、寂静、深邃、广阔…… 天空:宽广、飞翔、梦想、希望、遥远、正义、纯净……
源于社会的蓝色意象
旗帜:自由、独立、脱离、保守、权威…… 符号:男性、清洁、休息、医疗…… 语言(英语):冷酷、平民、工薪阶层、劳动者、忧郁…… 信号:保护、信赖、义务、克制……
前面我们谈到过,具有高明度和高纯度的蓝色是适合作为点睛色使用的,而如果你将这种点睛色作为后退的背景色用于画面中,就会使画面变得凌乱。纯度较高的蓝色是非常抢眼的。
如果以蓝色作为点睛色,那么其他颜色就尽量选择暖色,也可以选择明度和纯度较低的色彩与其搭配,这样可以衬托出蓝色的力量。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
由于蓝色具有很强的力量,因此也非常适合与红、黄、橙色等暖色搭配。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
根据情景和象征意义慎重地使用蓝色是十分重要的。蓝色,从与绿色临界的孔雀蓝到与紫色临界的天青石色,能表现的氛围非常宽泛。但是它又不会像黄色和绿色那么多变,因为蓝色与红色或黄色混合调配其他色彩时,有很多局限性。不过蓝色却会随着明度的差异发生很大的变化。与白色接近的亮蓝色给人以柔和温暖,而与黑色接近的蓝色却给人保守刚毅。
明度高的蓝色常用于儿童用品,明度低的蓝色常用于办公用品,从这点上可以看出不同蓝色的差异。
如果要强调蓝色的积极印象,越贴近绿色的蓝色越好。但是,即便纯度较低,明度高的蓝色也能表现出明朗和积极的氛围。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
如果要用蓝色表现权威、保守、劳动者或危险深邃的海洋时,最好采用与紫色相近的明度较低的蓝色。即便同样是大海,平静的海通常用明度较高的绿色系的蓝色表现,暴风雨将至、恐怖的海通常用明度低的紫色系的深海色表现。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
此外,即便蓝色的明度较高,如果与其他配色的明度差异较大的话,也会给人以消极的感觉。比如,天蓝色和粉红色配色,可以传达温暖的感觉,但天蓝色与黑色配色,则会传递出由于和冷漠的感觉。移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
三、蓝色的配色实例
灰色是蓝色的好搭档,与任何一种蓝色都能搭配协调。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
如上图中在大量的烟蓝色背景上,使用另一种纯度和明度也较高的蓝色的同事,增加一种暖色强调的点睛色。即使蓝色本身容易变得平淡沉滞,也可以马上使画面鲜活生动起来。通常在蓝色做主色的画面中,红、橙、黄色等暖色系色彩作为点睛色可以使整个画面具有梦幻感。而此处略低的纯度也让画面多出几分温柔。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
蓝色同时也能在红色等暖色做主色是作为起点睛色而存在。因为尽管蓝色是后退色,但当蓝色的明度较高时,同样可以很抢眼。 移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
蓝色也可以和紫色搭配,但这一搭配容易让画面看上去比较冷,因此尽量选择偏暖的蓝色,也即是靠绿色的蓝色。
移除UI设计配色宝典:让设计师重新全面认识色彩系列——蓝色篇
蓝色与多种颜色相搭配,尽量选中一个作为主色,比如上图中以蓝色作为主色,无论是远山天空还是河流,包括人物的衣服都是蓝色,与此同时,粉红作为点睛色。画面虽然大量运用蓝色,会偏向冷调,但此处运用了红色、黄色和偏暖的绿色就让画面的颜色达到了平衡。
今天虽然没收获多少东西,但是多做还是能得到很多的知识。
评论