高逼格的色彩搭配是怎样炼成的？

高逼格的色彩搭配离不开设计基础知识和搭配原则，主要从以下三个方向进行修炼。

第一、色彩基础知识

第二、色彩搭配原则

第三、结合色彩的含义

一、色彩基础知识

这一块包括的内容很多，都是一些基础性的知识，主要有三原色、色相、明度、纯度

三原色：

红、黄、蓝是色彩的基本单位，三原色是其他颜色的源。

色相：

色相就是指色彩的面貌表面特征。比如；红、橙、黄、绿、青、蓝、紫，我们能感受到的就是色彩的色相，给我们的感受也是最为直观的，也是由三原色演变而来的。

明度：

明度其实是指一个色彩的深浅程度，我们再日常生活中就会听有人会说，天蓝、湖蓝，这里面就存在一个明度的深浅变化。有时候颜色的搭配就是在明度中求变化来达到色彩的平衡。这里面有个有色彩明度推移和无色彩明度推移

有色彩明度推移

无色彩明度推移

纯度：

纯度最高的色彩就是原色（三原色红、黄、蓝二次色次之，三次色纯度又低了，混合的色彩越多，纯度越低），随着纯度的降低，就会变化为暗淡的，没有色相的色彩。纯度降到最低就是失去色相，变为无彩色。

冷色、暖色、中性色：

冷色主要能够让人感觉清凉冰爽的感觉，如蓝、绿、紫

暖色让人感到温暖或火热急躁的感觉，如红、橙、黄

中性色主要指无色彩，色彩体系上主要表现为黑、白、灰

上述一些知识也是色彩搭配的基础性知识，但是针对于大多数的即将毕业的学生来讲基础知识的掌握也是非常的薄弱。还有一些互补色、邻近色、对比色等知识就不在这里阐述了，可以去下面补习下色彩构成知识。

二、色彩搭配原则

在这里说的原则也是根据色彩基础知识演化而来的，如果说色彩基础知识掌握的足够熟练，那么对于色彩搭配来讲简直就是信手拈来。

1、颜色搭配不能超过三个颜色：

这里的三种颜色不包括同色系里的变化颜色，而是跨度较大，不在一个色域里的颜色。

2、同色系进行搭配：

相同色系的主导色彩搭配，即同一色系的搭配。这类色彩的搭配简洁、统一，舒服。

Twitter网站色彩搭配

整体蓝色设计带来统一印象，颜色的深浅分别承载不同类型的内容信息，比如信息内容模块，白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作，颜色主导着信息层次，也保持了twitter的品牌形象。

3、邻近色色彩搭配

邻近色的搭配由于两者在色相环上的位置相近，所以颜色的过度更为协调自然，所呈现出来的画面更加有张力，相对于同色系来讲这种方式的搭配更加的丰富，更加有层次性。

4、类似色色彩搭配：

这类色彩搭配是在主导色的基础上，需要运用主导色降低其明度，形成其色彩的明度高低对比，比如说黄色和橙黄色或者红色搭配。这种手法会使得画面更加有主次。这种类型也是常用的配色方法，能够给我们带来平静的感觉。

5、对比色的色彩搭配：

主导的对比色彩需要精准的控制色彩的搭配和面积，其中对比色的主导色会带动页面的气氛，给受众带去强烈的视觉观感。

红色的热闹体现内容的丰富多彩，品牌红色赋予组控件色彩和可操作任务，贯穿整个站点的可操作提示，又能体现品牌形象。红色多代表导航指引和类目分类，蓝色代表登录按钮、默认用户头像和标题，展示用户所产生的内容信息。

6、中性色搭配：

这类中性色的搭配可以使得画面自然；流畅，不会受到其他因素的干扰，这种配色比较通用，但更多的使用到信息量较大的网站。

我们可以看到上面Behance网站，基调色的搭配是黑色、深灰色、浅灰色，而突出的蓝色正是品牌色蓝色，起到了画龙点睛的作用。

三、结合色彩的含义

这一块需要大家对于色彩的寓意有一个深刻的了解，也就是色彩给我们带来的心理感受。比如说；红色：活力、健康、热情、希望。黄色： 温和、光明、快乐。白色：纯洁、神圣、清爽。蓝色：秀丽、清新、宁静。黑色：神秘、静寂。绿色：青春、和平、庄重。

有些快餐店做的就很好，结合红色给我们带来的心理感受活力、热情，这样的室内店面配色就会让消费者产生一种焦躁的情绪，加快了就餐的速度，正好迎合了快餐店“快”的主题。

从上图可以看出两大快餐品牌巨头都是采用的是红色进行的色彩搭配。

还有一个例子就发生在我的身边，那就是我们出行骑得共享单车，在夏季大部分人骑的就是蓝色的哈喽单车或者绿色的，这样的一个结果大部分原因在于蓝色和绿色给我们带来一种神清气爽的感觉。在炎热的夏季，只有蓝色和绿色才是更配的吧！

相反的就是那个即将倒闭的摩拜单车了，在此澄清一下，我不是故意黑摩拜的！

总结：

其实色彩搭配很简单，每一种色彩搭配带给我们的感觉是不一样的，想要把色彩搭配出高逼格的感觉，就必须掌握色彩基础知识、色彩搭配原则、色彩属性等知识。设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、情感传达等作用，从而有依据、有条理、有方法地构建色彩搭配方案。