设计中的配色——入门篇
阅读量 2629 次听说你还不会配色!?
每个设计师最关心的也是最头痛的就是色彩搭配问题。而色彩不仅体现在设计中,而是生活中的处处。
大街上那些好看的小姐姐穿搭新潮,当然还是靠颜值;再说称霸朋友圈的照片,哪一张色彩不够好看,想成为又酷又拽的小姐姐还不赶快把色彩学起来🙉

江湖配色法
在互联网上有大量的配色卡,如下



从生活原有的事物中提取色彩搭配,一般来说既方便又合理。但是如果这些色卡真的特别有用的话,那么应该对设计师的设计水平大有帮助,然而对于大多数设计师来说色彩仍然是设计中难以攻克的难题。
著名色彩学家梁景红曾说过,如果有一个可以在仍何情况下使用的完全正确的色彩模式,那培养设计师干嘛?每个人不都可以做出优秀的作品?
所以色卡配色法建议初学者可以自己在自然中寻找事物,并自己提取颜色,学习色彩感觉;对于想进一步提高自己配色水平的设计师来说,这些是远远不够的,让我们更加深入学习设计中的配色。

色彩功能取色法上篇
主色
每个作品有一个主色
拿草莓冰淇淋举个栗子

拿这个草莓冰淇淋来做UI设计。首先选个主色。主色怎么选呢?

一选“大众色”,色彩倾向性明确的,就是普通人也认识的颜色;
二选色彩饱和度高的颜色,如果你选择明度、纯度低的色彩做主色,容易出现再用高饱和度色彩会吸引走更多注意力的情况。
所以我们要在最关键的地方用主色,在UI设计中,最重要的地方应该在首栏和首页,面积最大或者位置最突出的地方;而在草莓冰淇淋中的主色应该是草莓的颜色——红。

填充出来大概就是这样,当当当~情感一目了然!
互补色
接下来我们自然考虑辅助色,应该是一个与红色相互抗衡的颜色,一般我们能想到互补色。
为什么选择互补色呢?互补色与互补对色两者是一种抗衡关系,有很强的额力量对抗关系,会使每种颜色的有点非常突出,并且弱化两者的缺点。
我们把它填入到次要位置,所谓次要位置,我们可以理解在欢迎界面有一个重要的登录按钮。或者内页之中紧挨着主色的位置或者其他面积相对很大的地方。

当两个颜色都填充进去后,这时候我们对作品的色彩印象更加清晰了并且发现了它的特点。这就是两种颜色对抗之后产生的效果。
最深色
接下来我们要选个最深色。为什么选择最深色,很简单,有光又有影。我们所有对色彩的印象和体验都来自大自然,如果在大自然中有光我们才能看到颜色,有光就有阴影,否则就容易飘,不够实在。
我们把重色填在有阴影的地方和有背景的地方,我们看到有了最深色整个画面稳点感就强了!

浅色
之后呢我们选择一款浅色。为什么要选择浅色?很简单浅色可以给画面带来空气感或者透气感。这些地方相当于光的地方。
如果我们把一个作品全是暗色,就会觉得很堵的慌很不舒服。
但是有了光我们就会发现,这个地方我们可以喘气。或者在阅读信息的时候需要比较平和的一种心态阅读起来很舒适,所以画面中一定要最浅色。最浅色呢我们就在冰淇淋额上面来选。
它上面有冷色有暖色,我们可以选择一个偏暖一点的颜色填入到这些表格。或者是文字大量的文字阅读的地方。

同频色
然后呢我们再选两款与主色相近的同频色彩,这个颜色的作用是什么呢?
加厚主色的这种层次感。因为如果只有有一个主色的话,那么它的这种色彩就会选择的比较硬。他没有一种过渡和变化。
但自然界之中呢我们知道,实际上色彩有很多的丰富的变化,就是层次非常的复杂。一个画面之中其实有上千上万个颜色,在设计之中我们虽然用不到那么多种颜色。但是呢我们可以稍微有意识地增加色彩的层次感来丰富这个画面。
即便是一个扁平化的作品,我们依然可以增加一两款同频的颜色,使其中一种颜色比如像主色增加了它的层次感是它更加的丰富。我们提取两个颜色出来,有深一点的也有浅一点的。

如果你感觉还是不够,我们可以再选两款,可以多一点同频颜色在画面中出现,然后填入在各个地方需要同频色彩出现的地方,比如说表格(它有层层分区的,所以需要层层区别)、又或者是需要一点点按钮的变化,比如说,同样一个按钮都是一个颜色,其中按了以后它会发生一点点的变化的。远看是同一个颜色,近看发现是有层次变化的,这就是细节变化。
这样我们的整个作品就完成了。
下期在跟大家讲功能取色法下篇,记得持续关注哦~
初屿,每个人心里最初的岛
一旦着陆,不要离开
情话都说的这个份上了,点个关注叭
可爱滴我不会让你失望哒

微信公众号:初屿设计
一个致力于把生活变得更美好的设计公众号!
-
举报