认识达内从这里开始

色彩的应用在许多UI设计师学习设计知识的时候都是需要重点掌握的一个设计元素，而本文我们就通过案例分析来简单了解一下，UI设计师需要掌握哪些色彩应用知识。

在设计中，色彩可以分为两大类，即有彩色和无彩色，无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。下面说下有彩色的三大特征，即色相、饱和度、明度：

色相：色彩的要特征，也就是色彩可呈现出来的质地面貌，比如我们常说的：红色、蓝色、绿色……

饱和度：色彩的鲜艳程度，也就是色彩的纯度，饱和度取决于该色中含色成分和消色成分(灰色)的比例，直观看就是我们常说的：天蓝色、淡蓝色、灰蓝色等等，就是对饱和度不同程度的体现：

明度：是眼睛对光源和物体表面的明暗程度的感觉，简单理解就是色彩的明亮程度，比如白天和黑夜：

在Photoshop拾色器中分别对应：

有彩色的三大特征：色相、饱和度、明度，三者相辅相成、共同作用，任何一种有彩色都必然存在着这样的特征关系。相信大家应该能明白三大特征分别代表着什么了，如果还不懂，那就再look、look!

在有彩色范围内，不同色相之间存在着一些可遵循的视觉关系，根据这些视觉关系，我们也能得到一些常见的色彩搭配方式，下面我们具体分析：

同类色：色相环间隔在30°以内的色相搭配，这类配色形式优点：舒服、统一、视觉比较柔和、容易把控。缺点是：冲击性很弱，运用不得当会单调、缺少视觉层次感。所以此类配色方式不易用于对抗、冲击力强的设计作品。

邻近色：色相环相隔90°的颜色称之为邻近色，这类配色方式优点：阳光、活泼、稳定、有一定视觉冲击力、视觉层次感丰富。

对比色：色相环间隔120°的颜色，这类配色形式优点：视觉冲击力强烈、富有跳跃性、突出、点缀能力强，比如：常用作画面中的点缀色，或与主体固有色成对比关系的背景色，用于突出主体。缺点：大面积使用比较难把控。

互补色：色相环间隔180°的颜色称之为互补色，色相环上夹角呈现一条直线，互补色的颜色性质相差较大，将这两种颜色相互搭配，就会使这两种颜色都显得更加鲜明，也将视觉冲击力强度提升至峰值!这类配色形式优缺点和对比色很相似。只不过此类视觉冲击力更强也更难把控。

色彩是有色调的，色调可以理解为：通过改变明度与饱和度来调配色彩浓淡、强弱程度，叫做色调。简单理解就是决定色调的主要因素是明度和饱和度，而决定作品终色调的因素是画面中视觉比例较大色彩的属性。

浅白色调：泛指偏低饱和度、高明度的色相搭配。不同色相之间相互搭配所带来的视觉感受很缓和，即便是以互补色的形式搭配，视觉冲击力也明显减弱。色相固有的视觉属性表现力有所降低，这类色调的设计作品带给用户的视觉感受比较清纯、阳光、年轻、干净、舒服。

此类色调的作品画面中依然需要重色进行搭配使用的，否则很容易给人一种轻浮、主体不突出的视觉感受。

亮色调：泛指偏高明度、高饱和度的色相搭配，相比而言色相固有视觉属性表现力较强，对比性较强的色相视觉冲击力也很强，这类色调的设计作品带给用户的视觉感受是：活泼、明亮、欲望。

暗色调：泛指低明度的配色搭配，相对前两者而言，暗色调给人的视觉感受更稳重、有品质感。

当然暗色调还会形成另一种视觉感受，那就是：恐怖、阴森、残忍、尔虞我诈。

暗色调的色相搭配形式，对于很多专题性、故事性、品牌调性强的作品能起到很好的加强、提升的作用。

不管是哪种色调方式，都不是仅限于某一色调范围内的颜色相互搭配，而是在确定主色调后结合其他属性的颜色相互结合使用。在此基础之上同样可以结合色彩搭配关系(同类色、邻近色……)进行配色。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。