详细解析UI设计中终极配色宝典(2)

紫色

粉色

咖啡色

看完案例后可以发现，界面的配色确确可以影响到我们对这个作品的视觉感受，所以在界面设计后可以更具你定义的这个产品特质：比如咖啡类产品基本主色固定使用咖啡色、或行业特性：金融产品基本使用蓝色、又或是你希望传递出一些不一样的感受还可大胆创新。

2【确定饱和度与明度】

在这里需要简单介绍一些，在ui设计中最常使用的色彩调节模式：HSB。

H(色相)：即我们上面内容讲的红、橙、黄、绿….

S(饱和度)：色彩的纯度

B(明度)：色彩的明亮度

接下来主要讲下HSB在拾色器上的选择范围，提前了解了一下目前网上介绍的一些方法，可以看出不管是哪种方法，靠下面靠右边的区域都是不推荐使用的。

根据自己的使用频率和分析一些优秀的作品后，总结了如下规律：

03 辅助色如何选择?

色相环中每个颜色都可以是主色，每个主色都能形成它们自己的同类、类似、邻近、中差、对比、互补色。色相环上两色之间的夹角可表示颜色之间的区分强弱，不能颜色搭配起来视觉效果感受不同。

同类色：15°角内的颜色

邻近色：60°角左右的颜色

类似色：90°以内的三个互相连接的颜色

中差色：90°左右的颜色

对比色：120°左右的颜色

互补色：180°左右的颜色

1【同类色】

15°以内，属于单色调搭配。12 色相环中，同类色相当于单色。

同类色配色极易调和，但对比微弱，色彩容易同化而显得含糊不清，有点平淡乏味。所以在配色时需要拉大明度色阶比如大红与浅粉或点缀少量对比色，以获得理想效果。

2【邻近色】