网站设计及如何让界面的色彩搭配更加协调

黑白荧屏年代，设计师在网页设计时根本无需考虑色彩搭配的问题。如今，色彩搭配不仅起到美化界面设计的关键，更是吸引用户兴趣，传递用户情感，及引导用户顺利完成操作的关键所在。那么，如何让界面的色彩搭配更加协调?

色彩有三个属性，即色相、明度以及饱和度，它们是构成色彩个性的主要部分。色彩属性一致能有效避免界面出现突兀的感觉，让网页设计更加和谐协调。

色相，也就是我们常说的红、橙、黄、绿、青、蓝、紫等颜色，是区别不同颜色的最佳标准，也是人眼区分色彩的最佳方式。

▲ 色相一致

色相一致，指的是整个界面只选取一种颜色，例如红色，再透过明度、纯度等变化进行色彩搭配，继而让整个画面的色彩更加协调。不过，从头到尾只使用一种色相，难免会让界面显得单调，因此最好取用其他色相作为强调色，使界面形成较大的反差效果。

▲ 明度一致

明度，就是色彩明暗度。比起纯色以及色相，明度能更容易让眼睛感受到色彩的「变化」。界面色彩明度一致，能使整体表现出统一感与协调感的印象。

明度是画面的骨骼，也是画面的结构。在很多优秀的设计作品中，无论是运用怎样的色调搭配，一旦还原成黑白图片时，我们就会发现这些作品的黑灰关系非常协调统一。这说明，画面中各个色块已融于整个画面的黑白灰关系中，并寻求色相的信息承载。

△ 纯度一致

纯度，是指原色在色彩中所占据的百分比，用于表现色彩浓淡和深浅的判断标准。纯度最高的色彩是原色，随着纯度降低，色彩会逐渐变淡，直接到失去色相，变为无彩色，及黑白灰。

一般来说，当界面统一使用纯度高的色彩配色，界面会呈现强烈的对比，在这种情况若色彩数目增多，界面会产生热闹又愉悦的印象;反之则会影响强而有力的印象。

当界面统一使用纯度低的色彩配色，整体界面会显得有灰暗、安宁沉稳。通常纯度降低对色相的变化感觉较少，但如果使用的色彩数目不够多，会使人感到冷清的情形。

所以，尽量用中间调的纯色来统一颜色，这样除了带来愉快的印象之外。，还能做出具有一致性的配色方案。

二、 关于色彩搭配的技巧

○ 从色相环中取色：色相环对调色有极为重要的指导意义，无论初学者还是大师级设计师都会利用色环中的相近色、对比色和互补色，展现界面的不同情感。

● 从自然中获取配色：因为我们就生活在大自然中，对于大自然中的颜色往往会有种莫名的亲切感和熟悉感，例如看到天蓝色就会想到天空，继而产生平静而辽阔的心境。所以多点从大自然中发现色彩，提取色彩，往往会有意想不到的收获。

○ 无彩色运用：无彩色指的就是黑白灰，另外还有金银二色。很多纯度和明度参差不齐的色彩搭配在一起的时候，容易给人没有整体感的印象，这时只要采用无彩色对每种色彩进行区隔后，色彩看起来各自独立，而整体也自然呈现统一感。

● 色彩数量协调：虽然多种色彩的组合可能会让界面显得华丽，但事实上使用的色彩数量越少越能衬托出个别的色彩，同时稳定了界面平衡，看起来更加舒适而干净。

○ 冷暖色的选择：冷色系会出现强硬而冷酷的印象;暖色系则会有冲击力强且刺激的印象。冷暖色的搭配会让界面产生强烈的对比，因此搭配时需注意两者面积的控制，才能更好地让其中一方更加鲜明。

● 渐变色的运用：渐变色可以是单一的渐变，也可以多色的渐变。渐变色的配色不但具有空间宽阔的感受，同时也演绎出幻想般的气氛。通常，明度和纯度都高的色彩所组合而成的渐变色，会展现出甜美的梦幻印象;而明度和纯度都低的色彩所组合而成的渐变色，会表现神秘的异域风情。

最后，斟酌界面的配色方案时，不仅要考虑色彩的搭配问题，更重要考虑用户的层面、业务目标、市场条件以及当前的设计，毕竟没有任何方案是可以十全十美满足所有的既定目标。