看过很多配色理论还是学不会？来看我总结的这3个实用技巧！

@菜心设计铺 ：在网上看了很多配色文章，是没有进步。

因为我看到的是红代表热血、活力；蓝代表科技、未来；绿代表健等等，还有红蓝对比，红橙邻近等等。

这些理论用吗？答案肯的，用。但我觉得看一两遍，里数就可以了，如果天天看这种，的配色潜力就会被困体内，憋的难受。

近期请教了一些同事、朋友关于配色的方法，再加上的实践，总结一下，享个地气的、实操性比较的巧。大纲如下：

看过很多配色论还是会？来看我总结的这3个实技巧！

单色
1. 颜色模式的选取

颜色模式就是记录颜色的一种方式，分为很多种：RGB 模式、CMYK 模式、HSB 模式、Lab 颜色模式、位图模式、灰模式、索引颜色模式……

而我最常用是 HSB 模，为它简单观，容易控制。

HSB 中的 H 代表相、S 代表饱和度、B 代表明度。

H（色相）一共 360 ，因色盘一圈 360 度，一度一色相。

过多配色理论还是学不会？来总结的这3个实用巧！

而千变万的颜色都是由于 S（饱和）和 B（明）的同产生的。

为什么说 HSB 模简单观，容易控制呢？

比说我们随意选三个相，360、23、280：

看过很多配色理论还学不会？看我总结的这3实用技巧！

可以轻易地辨出中间的颜色和其个相比，饱和度度有所不同，数值如下：

看过很多配色论还是会？来看我总结的这3个实技巧！

而这时，我们要降低颜色 S，提高它 B，可以使三个颜色和谐很多：

看很理论还是学不？来看我总结的3个用技巧！

这就我 HSB 模式简单易懂，易控制的原因。

2. 调色板位置的理

取了模式之后，我们需要对每个单色色原有了解，我个人这样解这个色（仅供参考）。首先右上角的那个红点处是每个色相最纯的色值，水平往左滑是在颜色中入白色，入越多的白色，颜色越亮越轻；垂直往滑是在颜色中入黑色，入越多的黑色，颜色越暗越重。

颜色往左下滑动时候，既加入了白色也加入了黑色，也是灰色。

看很理论还是学不？来看我总结的3个用技巧！

按照这样的规律，我举例子，如果觉得颜色太浓，太重，比如下面这张图的背景色：

过多配色理论还是学不会？来总结的这3个实用巧！

相当之眼睛，此时就可将颜色横向往左滑，入白色，颜色更轻，与整体图标搭配更和谐：

看过很多配色理论是学不会？来看我结这3个实用技巧！

3. 颜「禁区」尽量不碰

当然，这里的「禁区」引的，什么绝对的禁区，只颜色不易控制，连基础色都驾驭好之，尽少碰。

咨询多人后发现，在用色的候是有禁的，不同的人有不同的说法，将其大概为这三种：三角形禁、矩形禁、扇形禁（红色为禁），如下图：

看过很多配色论还是会？来看我总结的这3个实技巧！

其实不难发现，不论是哪，基本右下颜色是很少用，为它们又浓又脏，很难把控（然不排除有些大师任何颜色都是可以驾驭）。

里举个例子，下面图是我在 C4D 里面渲染的一个铃铛，暗部的地方看来黑，不够通透，其就是因为暗部出现禁区的颜：

看过很多配色理论还学不会？看我总结的这3实用技巧！

将暗部颜色调整至非禁颜色：

看过很多配色论还是会？来看我总结的这3个实技巧！

来看下实效：

看很理论还是学不？来看我总结的3个用技巧！

这样就会使整铃铛配色舒服很多。

4. 叠加模式要用好

很多时候我们在做一些设计的时候，害怕色过于单调而择叠一张图，前我很使颜色的叠模式，最多就正片叠，而在把图片嵌入浅色色的时候，我一般都是将图片的透明直接降低，如图：

看过很多配色理论是学不会？来看我结这3个实用技巧！

样就使整个画面变得很脏，来现原来很叠加模式么用，比「柔光」、「变亮」等等。我将下图模式改为柔光，一对比就干净很。

看过很多配色理论还学不会？看我总结的这3实用技巧！

再加上点排版，封面就有了：

看过很多配色论还是会？来看我总结的这3个实技巧！

更多模大家可以多多尝试，在不场景下选用最适合自己那个模。（然在用多色时候样可以使用颜色叠加）

双（渐变）
于双色，我要想分享一对于双色渐变（线性）的认知与解。

单从色相来看，双色渐变可以大致分为三：小、、大。

1.「小」渐变

「小」渐变就色环，小于 30 度的两色相之间的渐变，专业语就同类色渐变：

过多配色理论还是学不会？来总结的这3个实用巧！

这种渐变色跨变很小，看起来就像是一种颜色的深浅变（但实会略微有一点色相的变），较保守，容易控制，实频率很，如启图标、按钮、个人中心背景色等等。

看过很多配色理论是学不会？来看我结这3个实用技巧！

2.「中」渐变

「中」渐变色环于 30 度且小于 60 度，专业语叫邻近色渐变：

过多配色理论还是学不会？来总结的这3个实用巧！

这种渐变，在色相上有很细腻的变，看起来更时尚耐看，如绿里点：

看过很多配色理论是学不会？来看我结这3个实用技巧！

蓝里加点紫：

看过很多配色理论还学不会？看我总结的这3实用技巧！

有多启动页都使用这种渐变方式，因为这不用拘谨，可以适当放开一些：

看过很多配色论还是会？来看我总结的这3个实技巧！

3.「大」渐变

「大」渐变在上大 60 度，也叫撞渐变（互补或者对比）：

看过很多配色理论还学不会？看我总结的这3实用技巧！

这种渐变视觉冲击力，一来说产品界面面少用。为什呢？因为视觉冲击力是为了吸引眼球，而产品界面主要以内容为主，背景或素过抢眼反倒喧宾夺主。

反过来说那些宣传类海报、章封面、作包等容确实可做大胆一点：

看过很多配色理论是学不会？来看我结这3个实用技巧！

我自己也是在文章封面上用的比。

对于渐变，还很多同一色相的基础，利用不同饱度、明度实，但那不色范围，就不讨论了。

多色
1. 呼应

对于多色，我并太多话语权，因人确实使用的比较少，但一点很深的感悟就对于多色，无论使用邻近色，还对比色，重的谐，谐重的就呼应。

比如同是多色，这张图就怪异：

看过很多配色论还是会？来看我总结的这3个实技巧！

为蓝色和黄色来莫名其妙，没有呼应会显格突兀。

而下面就舒服很：

看过很多配色理论还学不会？看我总结的这3实用技巧！

因为背景的绿色、黄色，有眼镜、扩音器颜色的呼应。

2. 取色原

前期我们选色不能太凭感觉，要有些简单理论支撑，比如我想自己蓝胖子模型配个色：

看很理论还是学不？来看我总结的3个用技巧！

蓝胖子身体蓝色，且鼻子一点色，所以背景色就可以选取蓝色的互补色──色，再由色选取邻近色──黄色：

过多配色理论还是学不会？来总结的这3个实用巧！

最后由这个颜色组合成画面：

看过很多配色理论是学不会？来看我结这3个实用技巧！

比，由一个颜选个邻近，选个同系的深：

看过很多配色理论还学不会？看我总结的这3实用技巧！

其那些胶囊的点缀色只要度和饱和度在一个调上，用什色相都不会有大的问题。

3. 颜色占

于占比，我个经验是可以先选个主色，然后让主色占很大位，这样不管辅色再怎么不，有大积主色撑着，也不会出现太大问题。

把种简单的，扩展复的形式。

总结
前期新手可以使用相简单配色，定要有理论支撑，养成有理有据好思维与习惯，后能更心应手。

以上就是个人对的一点感悟和经验，不之处还请指正，共同进步。

欢迎关注作者的微信公众：「设」

过多配色理论还是学不会？来总结的这3个实用巧！