色彩搭配入门：从区分主色、辅助色、点缀色开始！——武汉网站制作

作者： 时间：2024-07-22 浏览：

色彩搭配需遵循色彩的功能性规律。只有了解了色彩的功能性，在色彩搭配过程中，才能将色彩要传达的主题思想，准确的表达出来。色彩的功能主要分为：主色、辅助色、点缀色。今天，武汉网站设计小编教大家如何区分主色、辅助色、点缀色，帮助你更好的入门色彩搭配。



主色

主色，顾名思义，是整幅作品的主要色彩，它可以影响你对整个作品的感官印象，作品想要传达的感受，主要是由这个色彩传达出来的，不可替代，换了别的颜色，整幅作品传达的主题就被改变了。

针对这个定义，有3种区分主色的方式。

1、整个画面中，面积大，且纯度高的色彩，这个就是主色。



图中红色就是主色，若换成蓝色，传达的就是商务严肃感，而不是略带危险刺激的感受了。

2、整个画面中，相比面积大，但纯度低或者明度低的色彩，虽然面积稍小，但画面中你一眼就看到的色彩，就是主色。



画面中灰绿色面积虽然大，但因为黄色的巴士纯度更高，更夺人眼球，所以整幅作品中，黄色是主色。

3、主色也存在双主色的情况。两种色彩面积是等量的，可以给人留下深刻的印象。双主色的搭配，往往显得更具有个性。



图中蓝灰色和红色的面积是等量的，是双主色搭配，去掉任何一种颜色画面效果都会打折扣。

辅助色

辅助色的功能是帮助主色建立更完整的形象，若主色本身已经很完美，那么没有辅助色也是可以的。

选择辅助色，有2个诀窍。

1、辅助色选择主色的同类色，可达成画面统一和谐。



主色是中间的红色，辅助色是橙色，橙色的运用使红色更为突出，典型的同类色辅助色，也可以叫做背景色辅助色，整个画面显得极为和谐。

2、选择主色对比色，画面刺激、活泼，也很稳定。



这里橙色和蓝色是对比色，整个画面具有强烈的视觉冲击效果，但画面整体又显得很稳定。

点缀色

点缀色的功能：牵引和提醒作用，面积一般比较小。点缀色可以是多个颜色。若点缀色多了，也可以形成一定的风格。

点缀色特点

1、出现次数比较多

2、 颜色跳跃

3、 引起阅读性

4、 与其他颜色反差较大



这幅作品中的点缀色是多个颜色，颜色跳跃，形成自有的风格，同时引导大家阅读下方的文字。


主色、辅助色、点缀色区分方法

主色

一定是抢镜的颜色，在色彩作品中，这个色彩第一时间进入你的视线，并且影响了整个作品的感官和印象，不可替换，替换了就会更换了主题。不一定是面积大的色彩。

辅助色

为了更好的表达主色所传达的思想。可选同类色或对比色，可有可无，存在的决定权在于配色者自身的喜好。

点缀色

颜色面积最小，出现次数多，与别的颜色反差大，具有引导视线作用，影响主色作用小，只是提醒人们注意。

除了色彩搭配的协调以外，还需要根据你所设计的题材和用户的需求，挑选更加契合主题的色彩搭配。做出符合产品特性的色彩搭配方案，才是一个好的UI设计色彩搭配方案。一个产品的色彩，也是可以增加产品的转化率的。武汉网站建设小编就介绍到这，大家赶紧动手试试吧~