UI设计如何做好色彩搭配

UI设计师如何在设计过程中更好的运用色彩搭配，相信是很多设计师心头的一大疑难。对于新手来说可能不知道从而下手，不知道界面的色彩改怎么去搭配，小编想了想，如果是直接给一个教程的，跟着学，或许你可以运用的不错，但是抛开案例教程自己重新操作的，可能又会回到无头苍蝇的状态，不知道如何配色。所以先 从理论知识去认识色彩，然后结合案例，真正的掌握。

一、掌握好色彩三要素

色彩的三要素指的就是色相、明度和纯度。

1.色相

色相指色彩的相貌，不同的波长决定不同的色相，这是大家最直观感受到的色彩。色相对于色彩是最直接的代表，是色彩的灵魂。

在光谱中，红、橙、黄、绿、蓝、紫等由于有着不同的波长，带给我们不同的色彩感受，它们是最基本的色相，其他诸如象牙白、柠檬黄等都是指色彩特定的色相，是人们对不同色相的不同称谓。有一个地方要注意，黑色和白色是无色相的。

打个比方，色相就好比人的长相，我们区分两个人的不同通常是说两个人长的不一样的相貌，色相中的“相”其实也是一样的意思，在日常生活中，一般人往往会忽视色彩的明度、纯度等要素，对色彩最直接的印象就是色彩的色相表现了。

2.色彩的明度

明度指色彩的明暗程度。明度可以说是色彩的骨架，明度对色彩的结构起着关键性的作用。明度具有定的独立性，它可以离开色相和纯度单独存在，而色彩的色相和纯度总是伴随着明度一起出现的，所以明度是色彩的骨架

这样子说可能有的人还不是很理解，通俗点解释就是通过色相的加白加黑的一个变化，任何色彩都存在明暗变化的，从明度光谱上可以看到最明亮的颜色是黄色，处于光谱的中心位置。最暗的是紫色，处于光谱的边缘。

色彩从白到黑的两端靠近亮的一端的色彩称为高调，靠近暗的一端的色彩称为低调，中间部分为中调；明度反差大的配色称为长调，明度反差小的配色称为短调，明度反差适中的配色称为中调。提高色彩明度的方法有加入白色或稀释颜色。

3.色彩的纯度

纯度指色彩的鲜艳程度，就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。

二、色相、明度和纯度之间的关系

明白了具体的色彩原理，那么他们之间是什么关系，根据上面的说法，那么明度和纯度又有什么关系？

明度和纯度的关系：

三、UI设计中色彩的使用

那么在UI设计过程中色彩该如何去搭配？主要通过4部分来讲解。在UI界面设计比例中：用色一般分为主色，次色和辅助色，它们的比例是按照20%-30%、5%-10%和5%来进行配色，通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。