认识达内从这里开始

认真做教育专心促就业

佛山ui培训单色配色法应该“同色同源”?

发布：佛山ui培训
来源：佛山ui培训
时间：2017-08-24 15:12

佛山ui培训小编对于单色系配色是指网站的页面主色只使用一种颜色，需要注意的是，佛山达内ui培训编者所谓的单色并不“单”，往往运用单色系配色方案的是配图较多的网站，这些配图自身已经包含着丰富的色彩，从整个页面来看，色彩就并不只有主色一种了。当配图的色彩也参与到了页面整体的配色体系中，只需要寻找到一种与配图都能协调的色彩作为主色，就能轻松掌握单色配色法的技巧。

页面的主色为清爽的蓝绿色，这时选择的背景配图是人脸眼睛的部分，摄影作品本身带有柔和的肉色，与蓝绿色相得益彰：

佛山达内ui设计培训觉得单色扮演主色的同时也扮演着强调色，在配色运用中，重要的组件、焦点的部分都可以运用这一色彩，形成明显的视觉重点框架。而与此同时，背景色应该尽量保持黑白灰，不对主色造成干扰。如果想要形成一定的层次，也可以在主色调之外通过降低其色彩饱和度或明度等方式，形成单色配色中色彩的空间视觉深度。

在单色系配色法中，即使属于同一色系，色调也会有所差异，因此这也是另一种配色方式，运用在配图较少，且配图色彩也并不多变的情况下。

页面主色为橙色，也在细微的地方展示出不同调性的橙色，当鼠标Hover按钮变为更为偏红的橙。背景色则用了浅橙色作为底色。这三种色彩都是橙色，而表现了不同的色彩空间层次：

佛山达内ui设计学习当网站的配图较多，往往既要考虑配图本身的配色、配图与配图间的配色、配图色彩与单一主色间的搭配。

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

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

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

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

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

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

佛山ui培训单色配色法应该“同色同源”?