网页设计中的色彩知识

作为一名初级的UI设计人员，就网页设计中的色彩方面谈一些自己的体会

色彩是设计领域中重要的一方面。

在决定一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。

基于情感的色彩群体

一些色彩群体是和情感联系在一起的，例如温暖、冷静和中立的情感。

暖色能让人感觉到温暖，例如红色、黄色和橙色。

冷色让人联想到凉爽和寒冷，例如蓝色，绿色。

中性色，顾名思义，并不创造怎样的情感。像灰色和棕色就是中性色。

两种不同的颜色系统RGB和CMYK，两者的运用取决于设计的是什么。

RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写，这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。

CMYK是“青色、洋红、黄色、黑色”的英文缩写，这些颜色是颜料的原色，CMYK被用于印刷。

一般设计网页是建立在RGB色彩系统上的。

色彩的重量

色彩本身没有重量，只是一种抽象的感受。举个例子，同等大小的10吨重锤，黑色款看上去明显更重一些。我们经常会说黑色厚重，深沉。白色轻盈，活泼。其实在我们生活中使用这些形容词的时候就已经在潜意识里给两个颜色标注了重量。当人在无法用物理方法精确衡量物体重量时，往往就会不自觉地用情绪体验来进行度量。这时对于色彩的感知就派上用场。色彩的重量规律，相同颜色明度越低感觉越重。饱和度越低的颜色感觉越重。

搭配原则

色彩的搭配方法有很多种，这里介绍一种我个人比较认同的方式。按照70%，25%，5%的配色比例原则分配，页面中70%为底色，面积最大的一块，往往画面的色调是由底色决定的。25%的面积为主色，画面的核心区域多使用主色区。5%为强调色，强调色在画面中起到画龙点睛的作用，强调色多使用与主色对比度较大的颜色，也可以尝试利用色彩的互补关系来突出。但是在工作中不可能只有三种颜色，适情况而定。

温馨提示

尽量不使用纯黑色（#000），把纯黑色放在一组精心挑选的颜色中，黑色会覆盖其他的所有颜色。因为它让人感觉到不自然，日常的黑色物体上光线常常被反射回来，这意味着它不是黑色，而是深灰色的，光也是有色彩的，即便不是深灰色也应该是其他较暗的颜色。