学会这3个配色法,零基础也能做出好看的配色

想要将页面变得干净清爽除了产品缩略图本身要维持简洁干净的背景、产品拍摄的统一协调，同时也需要考虑产品彼此的色彩呼应：

主色的单一色调不一定用在组件上，有时也采用"反白"的处理，尤其是主色本身比较强烈时，填充主色作为背景，传递出主色强烈的表现效果。

页面中的蓝色作为背景色的同时阴影部分显出了图片内容轮廓，制造出朦胧的视感，反白的文字更易于阅读：

还有一种更加纯粹的单色调配色方式，将整个网站的配图设定为灰度图案，让主色在整个黑白灰的氛围中显得格外醒目，从而突出主题。这样做的好处是让画面更加简约、克制，当然也就失去了缤纷华丽的氛围。

配图为黑白灰，作为主色的橙红色就能从中脱颖而出。这让每个橙红色的细节元素都格外分明：

将配图的颜色"拿掉"是相对冒险的做法，只在一些强调图片的个性与质感并不急于展示产品所有细节给用户的网站中所用较多，品牌站里可以采用这类方式来加强品牌的感染力和形象特征。

渐变配色法：梦幻滑翔

渐变可以视为一种效果，也可以当做一个手段。渐变中使用的多种色彩，将它们的分布呈现柔和过渡，展示出梦幻之感。一般来说，我们安排的渐变色往往是以两种色彩为端点，中间过渡为两种色彩的滑翔地带，其覆盖的色彩范围较广，因此，我们很难判断其主色是哪一固定的色值。从色温的角度为考虑，渐变可以有暖色渐变、冷色渐变，也有冷暖过渡的渐变，而从两端的色彩之间的关系，又分为邻近色渐变、对比色渐变等。不同的色调渐变所呈现出的品牌氛围各有千秋。不管怎样，在轻设计中，渐变的色彩通常集中在高明度的色调范围，让画面显得更为通透柔和。渐变的色彩范围也不宜太广，色彩分布太大让画面本身容易陷入于混沌中。

渐变常以背景的形式出现，或运用于较大的元素之上。根据渐变色的不同，所展示的配图以及其他组件也要根据这一渐变色而协调。

蓝与紫、紫与粉色的邻近色渐变过渡有一种梦幻般的感受，白色文字以及配图甄选也都考虑到与渐变色彩的协调感。色彩丰富饱满，页面则简洁明快：

浮动于渐变背景上方的元素色彩也可以与背景形成对比，这时，渐变色的范围就要更为精准清晰，以免让色彩变"浑浊"。毕竟在轻设计中，维持画面的"澄清"是很重要的。

利用渐变色系配色法的灵活多变，在一张大型配图上方叠加一层透明渐变，也同样是非常流行的做法。这样作出的效果也相当炫目耀眼，能瞬间提升摄影本身的感染力。

为了让页面变得更为"清澈"，可以采用渐变映射的方式，即只对核心焦点运用蓝绿渐变，而背景色依然维持简洁的白底，这样的做法更巧妙地收住了渐变大面积铺开所形成的华丽感，而像为主角打开了特殊的镁光灯：

利用渐变色的变化，通过切换图片，渐变色也随即改变。由于渐变的饱和度较高，因此其上方的元素运用白色展示，使文字清晰可辨：

渐变色铺排整个背景，让页面展示出流光溢彩的氛围：

最新评论