导航菜单

超实用的色彩搭配!零基础也能上手~

大家好。我是方叔叔。

最近,方叔叔发现人们经常在他们的信息中发出这样一个问题:

“用户界面的颜色匹配非常困难,如何匹配看起来不太好。抄袭别人的作品很简单,但自己搭配颜色却是一团糟。”

今天方叔叔将带给你一个超级实用的配色技巧。即使你不知道颜色理论,你仍然可以使用它。我希望我能给你一些帮助!

1选择与印象相匹配的颜色匹配形式。

方叔叔的配色理念是以颜色的形式来搭配颜色。

每个人都想让设计作品给人一种什么样的感觉,这在设计之前必须好好考虑,决定给人这种感觉,可以考虑使用什么样的配色形式。

0x 251 e ' style=' width : 100%;height : auto data-lazy=' 1 ' data-height=' 315 ' data-width=' 900 ' width=' 900 ' height=' auto '

方叔叔举了一个简单的例子。

这里有三种甜点。虽然他们外表不同,但他们也有相同的地方。例如,它们都使用相同的基本颜色,即红色、绿色和黄色以及无色的黑色和白色。

红色、绿色和黄色的使用可以给人一种直觉的感觉,他们肯定没有过期。

在这三种颜色中,暖红色和黄色能给人一种健康和活力的感觉,而冷绿色衬托红色和黄色并保持整体色彩平衡,而无色黑色和白色在这里起到中介作用。

0x 251 f ' data-lazy=' 1 ' data-height=' 411 ' data-width=' 616 ' width=' 616 ' height=' auto '

虽然三种甜点的颜色相似,但感觉不同,因为它们使用不同的配色形式。

再仔细看看:

0x 2520 ' data-lazy=' 1 ' data-height=' 557 ' data-width=' 651 ' width=' 651 ' height=' auto '

第一道甜点给人一种强烈、大胆和健康的感觉。

这些感觉是通过大胆的对比形成的。当然,这里的对比不是指色调上的红色和绿色之间的对比,而是指形式上的对比。

例如,大草莓和大绿叶在甜点上形成对比,没有颜色干扰,而白色奶油和黑色巧克力在整体上增加了层次。

0x 2521 ' data-lazy=' 1 ' data-height=' 557 ' data-width=' 651 ' width=' 651 ' height=' auto '

然而,当我们用分析最后一道甜点的方法来分析这道甜点时,我们会发现这种方法行不通吗?

相同的颜色用于不同的形式,相比之下,这种甜点没有一个清晰的主体。

绿色和黄色的量相当,而白色奶油上的红色给人一种自由、随意和无拘无束的感觉。

此外,碎巧克力也是对整体分散配色的反应,让甜点呈现出愉快、自由和愉悦的氛围。

0x 2522 ' style=' width : 100%;height : auto data-lazy=' 1 ' data-height=' 557 ' data-width=' 651 ' width=' 651 ' height=' auto '

最后,这甜点没有什么特别的。

白色奶油在黑巧克力上面,红色、黄色和绿色放在奶油上面。元素之间没有太大的体积差异,因此形成TINT,给人一种稳定、平静和公正的感觉。

我分不清它的好坏。简而言之,它更安全,但缺少一些创造性的配色形式。

*最后一种是更安全的配色形式。不会有大问题,但它缺乏一些创造力。

0x 2523 ' style=' width : 100%;height : auto data-lazy=' 1 ' data-height=' 296 ' data-width=' 900 ' width=' 900 ' height=' auto '

11比较类型

无论是自然界的颜色还是人类创造的颜色,都可以分为三种形式。

首先,让我们看看第一种类型的比较:

0x 2524 ' data-lazy=' 1 ' data-height=' 432 ' data-width=' 900 ' width=' 900 ' height=' auto '

对比度是布局中颜色分布形成对比的形式。

通过对比来增强视觉效果,可以给人一种强烈、大胆、清晰的感觉,将布局划分成不同的区域,然后通过颜色区分来增强对比的形式。

' data-lazy='1' data-height='276' data-width='900' width='900' height='auto'

我们来看看对比式的色彩意象。

*色彩意象就是色彩让人产生心理感觉和感情

正面意象有强力、明确、热情、认真、坚定、紧张、个性、清晰、格调、阳刚、大胆。

负面意象有不安、固执、苛刻、浓烈、强硬、严酷、下流、呆板、保守、锐利、对抗等等。

*不同的人看色彩会有不一样的色彩意象,所以这里的是指绝大多数人的。

12散开式

第二种形式就是散开式。

' data-lazy='1' data-height='432' data-width='900' width='900' height='auto'

所谓散开式就是指色彩在画面中分散开来,没有集中于中心位置或左右上下的明显对比。

所以就不会给画面带来紧张感和压迫感,并且也不会压抑色彩的个性,给人一种明快、自由、洒脱的感觉。

' data-lazy='1' data-height='290' data-width='900' width='900' height='auto'

散开式的正面意象有自由、奔放、愉悦、轻快、随性、舒适、自然、优雅、女性、惬意。

负面意象有轻浮、无用、散漫、随意、亢奋、幼稚、花哨、柔软、大意、简单。

*推荐大家可以在日常工作中多尝试一下这种配色形式。

14中心式

' data-lazy='1' data-height='432' data-width='900' width='900' height='auto'

第三种形式就是中心式。

中心式就是将色彩放在画面中心进行突出和强调,但是这里要注意控制好主体色彩和其他色彩的关系。

让主体更加鲜明,并且主体使用的色彩尽量不要用在其他地方以免造成干扰。

中心式最主要的特点就是可以给人一种传统和稳定感觉,因为人们对于中心明确的事物容易产生踏实的感觉从而会觉得内心平静。

但中心式也有不好的地方就是比较保守、呆板,不适合用来表现具有创意性的内容。

' data-lazy='1' data-height='290' data-width='900' width='900' height='auto'

中心式也具有它的意象,正面意象有安定、沉稳、安全、稳重、正式、格调、常规、高级、传统、坚定。

负面意象有保守、呆滞、固执、孤僻、闭锁、土气、年老、陈旧、消极、刻板。

13总结

房叔主要给大家讲解了根据意象来选择相对应的配色形式。

其中包括了:

对比式

散开式

中心式

不开玩笑的说,这种配色思路是非常简单易操作的,不需要太多的色彩理论,大家平时多加练习就可以上手。

*文中配图均来自网络,仅用于补充说明