今天小编要跟大家分享的文章是关于新手UI设计师该如何运用UI配色。在设计中合理地运用色彩，就要清楚不同色彩的特性，象征及对比效果等基本知识。想在设计中自由地运用色彩，创作出使人印象深刻的设计作品，就需要对色彩的使用进行定位和思考。

一、色彩模式

1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。

2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色，混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。

3、索引色彩模式。使用的颜色是已经被限定在 256 以内的一种模式，主要是使用安全色彩和制作透明 GIF 图片时使用。

4、灰度模式。在制作黑白图片时使用的模式，主要用于自然地处理黑、白、灰色图片。使用灰度或黑白扫描仪产生的图像以灰度模式显示。

二、利用色彩的基本原理配色

色彩是我们进行设计时最重要的使用元素之一，颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。色彩具有三个属性：色相、明度、饱和度。

色相

在色相的基础上寻求变化是最常用的色彩搭配方式之一。从 RGB 色环或美术色环出发， 我们可以很容易地找到相距 180°左右的补色组合以及相距 60°以内的近似色组合。使用补色可以在画面中制造出强烈的视觉对比效果，这适于表达那些鲜明、突出的主题;使用近似色则可以让整体视觉效果更加和谐，这适于表现那些含蓄、内敛的主题。

饱和度

饱和度是反应色彩纯净或灰浊程度的指标。将饱和度相近的色彩搭配在一起，可以在统一的视觉效果中引入节奏上的变化;将饱和度差异较大的色彩搭配在一起，可以让饱和度高的色彩更加突出，也可以让画面中的视觉冲突更加明显。

明度

保持色调和饱和度一定的情况下， 单纯改变某种色彩的亮度，也可以得到许多漂亮的色彩组合。例如：设计作品的前景信息和背景信息分别使用亮度不同的色彩，前景颜色和背景颜色既保持了一定的相似性，又存在较明显的对比关系。

三、利用色彩的联想作用配色

不同的颜色会给浏览者不同的心理感受。每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。

红色、橙色、黄色

红色：强有力，喜庆的色彩。具有刺激效果，容易使人产生冲动，是一种雄壮的精神体现，愤怒，热情，活力的感觉。色感温暖，红色容易引起人的注意，也容易使人兴奋激动视觉疲劳的色。

1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。3、在红色中加入少量的黑 ，会使其性格变得沉稳 ，趋于厚重 、朴实。4、在红中加入少量的白，会使其性格变得温柔，趋于含蓄、羞涩、娇嫩。

橙色：也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。黄色：亮度最高，有温暧感，具有快乐、希望、智慧和轻快的个性，给人感觉灿烂辉煌。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。

1、在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。

2、在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

3、在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变得成熟、随和。

4、在黄色中加入少量的白 ，其色感变得柔和 ，其性格中的冷漠 、高傲被淡化，趋于含蓄，易于接近。

蓝色、紫色、绿色

绿色：介于冷暖色中间，显得和睦，宁静，健康，安全的感觉。和金黄、淡白搭配，产生优雅，舒适的气氛。绿色是具有黄色和蓝色两种成分的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色彩。 1、在绿色中黄的成分较多时 ，其性格就趋于活泼 、友善 ，具有幼稚性。2、在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。3、在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

蓝色：永恒、博大，最具凉爽、清新，专业的色彩。和白色混合，能体现柔顺，淡雅，浪漫的气氛，给人感觉平静、理智。蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。

紫色：紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。

1、在紫色中红的成分较多时，其知觉具有压抑感、威胁感。2、在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。3、在紫色中加入白，可使紫色沉闷的性格消失 ，变得优雅、娇气，并充满女性的魅力。

黑色、灰色、白色

黑色：具有深沉，神秘，寂静，压抑的感受白色：白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。1、在白色中混入少量红 ，就成为淡粉红色 ，鲜嫩而充满诱惑。

2、在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。3、在白色中混入少量的蓝，给人感觉清冷、洁净。4、在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。5、在白色中混入少量的紫，可诱导人联想到淡淡的芳香。灰色：具有中庸，平凡，温和，谦让，中立和高雅的感觉。

四、色彩搭配小技巧

在配色时，最重要的莫过于整体平衡。在此提供一些配色时的小技巧。1、用一种色彩。先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，这样的页面看起来色彩统一，有层次感。

2、用两种颜色。先决定一种颜色，然后选择它的对比色。3、用一个色系。用同种感觉的色彩，例如：淡蓝、淡黄、淡绿或者深黄、深灰、深蓝。4、不要将所有的颜色都用到，主色调尽量控制在三种色彩以内，背景与文字的对比要大，尽量突出设计作品的主要内容。

以上就是小编今天为大家分享的关于新手UI设计师该如何运用UI配色的文章，希望本篇文章能够对正在从事UI设计工作的小伙伴们有所帮助，想要了解更多UI设计相关知识记得关注达内UI培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的UI设计师。

【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】