还没选对颜色就开始设计，难怪你的作品土掉渣!

网页设计自学平台 一个学习前端开发的自学平台

转载声明：本文转自「LOGO大师」

ID「logods」

如何践行色彩理论才能达到设计目的？

在平面设计中，我们对颜色不同程度的理解，影响到设计的表现。一份优秀的设计作品，它的色彩搭配必定和谐得体，令人赏心悦目。反思我们在设计过程中，如何践行色彩理论才能达到设计目的？又是什么影响了我们的配色思维呢？

其实关于色彩理论，其实并不用钻研得太深，但为了能更好的理解配色方法，我们要先掌握一个基础的知识：色彩的平衡。

01

色彩的平衡

主色：指在配色中处于支配地位的色彩。一般情况下，主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。

衬托色：衬托主色而出现的另一种色彩，只要达到衬托的目的即可。

背景色：背景色经常表现为无彩色（黑、白、灰）或者低饱和度的色彩。背景色主要是作为背景而存在，它最好不要以非常强烈的姿态出现。

强调色：强调色是在主色以外起强调作用的色彩，可以说它是非常重要的视觉焦点。它本身具有一种独立性，因此在配色上要与形成与主色的强烈对比。

了解了色彩的平衡这一基础知识，我们再来说说今天的主题—— 配色

02

配色的五个技巧

很多设计师熟悉各种软件的操作，对于各类快捷键如数家珍。但在配色方面始终不能随心发挥。在做设计的时候受困没有想法，不知道从何下手做设计。

所以为了让各位的设计方案更有技巧、更有依据，今天就为大家介绍五种很容易上手的配色技巧。

一：单色

单色配色是指页面主色只使用一种颜色，需要注意的是，所谓的单色并不“单”，往往需要基于单色的色相，调整出不同饱和度和明度的颜色。使页面层次更加丰富。使用单色配色比较“安全”不容易产生让人厌烦的颜色。

二、相似色

配色总是不够和谐？可以试试使用在色相环上相邻位置的颜色。这种配色方案对比柔和，经常被用于网页或banner的背景。

三、互补色

色环上处于180°相对而存在的色彩进行搭配，这两种色彩在视觉上形成互补关系。互补色处于色相环上两两相对的位置，页面设计中通常使用其中一个色彩作为主色或背景色，另一个作为强调色或衬托色而加以运用。

四、三色

处于色环上距离彼此120°位置的三种色彩，两两之间彼此为对比色，而这三种色彩的搭配也会形成非常和谐的组合。当然为了保证这种方案的色彩平衡，建议使用一种颜色作为主色，另外的颜色作为衬托， 否则很容易让页面显得凌乱。

五、四色／双色互补

四色色彩方案适合经验丰富的设计师，因为它最难达到平衡。它使用的是色相环上两组互补的颜色。如果你在色相环上把所选的颜色连起来，它们会形成一个矩形。这个方案很难达到平衡，所以不建议新人设计师使用。但是如果能达到平衡的话会有意想不到的惊艳效果。 

好的设计不仅包含切题的隐喻，直观的形象，色彩的选择还能够恰到好处地迎合需求，跟随潮流。这也是为什么资深的设计师一方面在追求设计的持久生命力，一方面还在跟随流行的趋势。

没有难看的颜色 

只有难看的搭配 

色彩搭配是一门花样繁多的学问，但任天下奇招再多，独孤九剑总有破法。

一些总被青睐的配色方案，从某种程度上，也证明了它们在设计上的突出价值，接下来就看你怎么在设计中运用好这些色彩了。因为并不是说你创造了配色方案就能做出漂亮的作品。还需要我们掌握好色彩比例控制。

- END -

本内容来源于互联网,版权归原作者所有,供学习交流使用,严禁商用,如有侵权请联系我们删除。

HTML教程 小白如何一天入门HTML？ 领取

戳“阅读原文”入群免费领取前端开发教程！