很多设计师在设计全新App时都是凭感觉配色，或听客户（老板）要什么用什么，最近看到一篇关于配色的文章，与大家分享，合理的配色既能加深用户印象，也能更精准表达产品调性。

色相对比：两种及两种以上色彩组合后，由于色相差别而形成的色彩对比效果称为色相对比。

色相对比的强弱程度，取决于色相之间在色环上的距离 （角度），距离 （角度） 越大对比越强，反之对比越弱

界面的色彩搭配主要包括三种颜色：主色调、辅助色、点缀色，搭配比例分别为 6:3:1。

实际案例配色：

1、同类色搭配

色环上相距 0° 的颜色为同类色，一般常用同一种色相的不同明度或不同饱和度的组合方式，例如蓝与浅蓝，红与粉红等。同类色搭配对比效果统一、清新、含蓄，但也容易产生单调、乏味的感受。

2、邻近色搭配

色环上相距 30° 左右的颜色为邻近色 ，例如紫与蓝紫，蓝紫与蓝等。邻近色搭配对比效果柔和、文静、和谐，但也容易感觉单调、模糊，需调节明度来加强效果。

3、类似色搭配

色环上相距 60° 左右的颜色为类似色，例如橙与黄，黄橙与黄绿等。类似色搭配对比效果较丰富、活泼，同时又不失统一、和谐的感觉。

4、中差色搭配

色环上相距 90° 左右的颜色为中差色，例如红与黄橙，蓝绿与黄等。中差色搭配对比效果明快、活泼、饱满、使人兴奋，同时不失调和之感。

5、对比色搭配

色环上相距 120° 左右的颜色为对比色，例如红与黄，红紫与黄橙等。对比色搭配对比效果强烈、醒目、刺激、有力，但也容易造成视觉疲劳，一般需要采用多种调和手段来改善对比效果。

6、互补色搭配

色环上相距 180° 左右的颜色为互补色，例如红与绿，黄与紫等。互补色搭配表现出一种力量、气势与活力，具有非常强烈的视觉冲击力。

7、多色搭配

多色搭配顾名思义是由多种色彩组合而成的一种搭配方式，一般以不超过 4 种颜色为宜，规定一种作为主导色，其余作为辅助色使用。

多色搭配会让画面显得更加丰富、多彩，充满趣味性，但若控制不好，也容易让画面变花，失去平衡。搭配时须注意区分主次，按比例进行调和。

以上是7种配色来源及案例，目前安全、金融等产品都会选用邻近色，时尚、偏创意类App都会选用后几种，取色尽量让所有颜色明度及饱和度视觉一致，偏差太大就会失去统一性。