新手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设计教程UI设计入门UI设计培训