设计用色技巧

作为设计师，相信大家一定看过很多关于色彩的文章，学过很多相关的知识。但是这些内容有些是偏向理论知识方面的，在真正做设计的时候，并不是很实用。

今天来跟大家分享一下，我自己关于色彩使用技巧的一个总结。

1、如何快速调出几个系列相同色相不同的颜色？

大家在设计APP界面的icon图标时，可能需要同时设计几个不同色相，但是又是一个系列的颜色，那么这种颜色怎么调呢？

在调颜色之前，要跟大家说一个颜色模式的选择。我们平常经常使用的颜色模式有：RGB、CMYK

今天要和大家分享的是另一个大家可能不太常用的HSB模式，H 代表色相、S 代表饱和度、B 代表明度。

想要调出同系列的不同颜色，可以把这几个颜色的S、B数值调成一样的。实例见下图：

2、如何调出干净的颜色？

颜色使用其实是有“颜色禁区”的，这里的禁区不是说不能使用的颜色，而是不建议选择的颜色。

常见的颜色禁区有三种：三角形禁区、矩形禁区、扇形禁区

大家应该会发现，这三个区域内的颜色，明度、色相、饱和度都不高，所以，在做设计的时候不建议选择这三个区域内的颜色。实例见下图：

（下方第一张是禁区内的颜色，第二张不是禁区的颜色）

3、如何调出有层次感的颜色？

要通过颜色来突出设计的层次感，可以用近实远虚的原理来调颜色。背景色的色相、饱和度要低一些；装饰元素的饱和度可以相对高一些，但是大小不建议很大；重点突出的内容的可以用饱和度高、明度高的颜色。

4、如何调好渐变色

渐变基本可以分为：同色相渐变、相邻色相渐变、互补色渐变。

同色相渐变适合icon图标背景色、产品背景色；相邻色渐变适合UI界面背景色；互补色渐变适合用于设计感很强的设计。

5、如何做好设计稿中的颜色搭配

一方面，画面中的颜色要互相有所关联，种类不要很多。背景色与主体物的颜色是呼应的。

另一方面，做设计前要先确定主色调，主色调在画面中占的面积可以是最大的，这样可以保证不出大错。

这些就是我最近总结的关于色彩使用的一些技巧，欢迎大家评论，共同探讨。

声明：部分图片来源于网络