有句话相信大家都听说过:没有难看的颜色,只有难看的搭配
比如:

所以说如果你的配色不好看,千万不要怪主色选的不好,也不要怪辅助色,是你的搭配有问题
1、强烈对比
大面积的色彩烘托气氛和主题,比较稳定;而小块的色彩用于点缀,丰富画面

运用大块黄色和背景色形成饱和度较高的颜色搭配,会给人一种精神饱满的感觉

对比色可以突出重点,产生强烈的视觉效果,用色相、明度或艳度的反差进行搭配,有鲜明的强弱。

色彩的强烈对比具有视觉诱惑力,能够使作品特色鲜明、重点突出。页面都是采用强烈的对比色使人物特色鲜明、重点突出。
2、单色、邻色
同色系配色是指主色和辅色都在统一色相上,这种配色方法往往会给人很一致化的感受。


比如上图中,标题文字使用白色和钴蓝色搭配增添了趣味性,弱对比让人舒缓、愉悦。整体蓝色设计带来统一印象,三种颜色拉开了画面的层次感,色相的柔和过渡看起来也很和谐。

而这张首图红色背景与主体红色苹果手机相呼应,白色文字在背景中更加突出,文字的大小、粗细也形成对比,使主题更明显,让人看起来非常舒服。

即使属于同一色系,色调也会有所差异,因此这也是另一种配色方式,运用在一些清新插画,且色彩也并不多变的情况下

上吐主色为绿色,也在细微的地方展示出不同调性的绿色,背景色则用了浅绿色作为底色。页面的色彩都是绿色,而表现了不同的色彩空间层次

红与黄——邻近颜色的搭配
3、互补配色
当对互补放在一起的时候可以产生明显的对比和视觉冲击。

确定两种颜色是否是互补色,看它们在色轮上的位置就知道,黄色和蓝色,绿色和红色,它们在色轮上都处于对称的位置。

如上图中的蓝色和黄色为互补色,黄色的灯泡搭配蓝色的背景形成对比,在第一时间吸引人的目光,并且表达出思考的感觉,也呼应了标题内容。

如上图中,蓝色和黄色的饱和度都不高,虽然撞色,但却避免了对比过于明显导致颜色刺眼杂乱的情况,恰到好处。
常用的互补色有红绿、蓝橙、黄紫。为了避免这种撞色给人一种不安定的感觉,所以在搭配时注意色彩的明度和饱和度,这样使画面更加稳定和谐


这些互补色通常都是一冷一暖,视觉效果充满活力。这种配色的关键点在挑选一种颜色作为主色调,并且灵活运用色彩。如此一来,色彩之间有主有次,不会相互冲突。这张图就是如此,蓝色占据主体,明黄色的树令整个画面更加活泼。
如果你需要搭配文字的话,在蓝色的部分配上黄色的字体似乎是个不错的选择。
4、渐变配色

渐变的色彩通常集中在高明度的色调范围,让画面显得更为通透柔和。但是渐变的色彩范围也不宜太广,色彩分布太大让画面本身容易陷入于混沌中。


渐变常以背景的形式出现,或运用于较大的元素、图形之上。根据渐变色的不同,所展示的配图以及其他组件也要根据这一渐变色而协调。

蓝与黄、紫与蓝、紫与粉色的邻近色渐变过渡有一种梦幻般的感觉,白色文字或黑色文字都考虑到与渐变色彩的协调感。整个画面色彩丰富、简洁明快
网友评论