设计师色彩搭配不协调如何完美解决今天我们还是讲色彩。 有时候，新手不知道怎么配色，企图用东一张大师图，西一张高手图，吸色拼凑在一起，可能就是一张不错的配色的图，真相真的是这样吗？  很抱歉，可能出来的图，只是个不伦不类的怪胎。 但是他们刚接触到色彩理论的时候，肯定会被五花八门的专业名词弄晕。像我们讲过的对比色和互补色，以及没讲过的同类色，近似色，间隔色，邻近色等等，它们看起来好像都差不多，又各有不同。 那么，要如何快速弄清楚色彩的分类和定义呢？其实在实际的应用中，我们只需要记住两大分类即可： 对比色 在色环上相距120度以上，色相反差大，情绪浓烈，视觉冲击力强。包括对比色和互补色，例如红和绿，蓝和黄，橙和紫等等。  总之大家记住，对比色就是很视觉上很猛烈，很冲的配色方式。与之相对的，是柔和统一的协调色。 协调色 在色环上相距90度以内的任意一组色，色相反差小，给人和谐、统一的感觉，用好了会很有质感。包括了我们常说的单色系、同类色、邻近色等。  由于在色环上相距较近，色相反差小，所以协调色在色彩属性上与对比色有着截然不同的性格。 要让你的画面配色和谐统一，协调色绝对是最佳的选择。 OK，今天就来讲讲协调色的应用。 干货走起~   上面我们讲了，协调色是一个大类，它包括了我们常说的单色系、同类色、邻近色。来看看每种色彩具体是怎么样的。 单色系 这个很好理解，就是同一个颜色，以不同的明度和纯度来混合搭配，形成不同的色彩层次。也可以以单色+黑白的形式来使用，具有高度统一的特点。  同类色 在色环上挨着的一组色，相隔30度，在色相上极为接近，所以叫做同类色。通常是以一个颜色作为主色，另外一个以不同的明度或纯度来对比，形成点缀的作用。  邻近色 邻近色是指在色环上相距60度，或者相隔两个位置的两组色彩。例如黄和绿，绿和蓝，蓝和紫，紫和红等。 相比上面两种色彩，邻近色有一定的反差，既能让画面的色彩比较丰富、活泼，又可以保持统一感，是使用频率最高的配色方案之一。  协调色由于在色相上比较接近，所以在色彩的冷暖属性，还有情感特性上都比较接近，能很好的保持画面的协调与统一。从而呈现出比较柔和的质感，再搭配上明度纯度的比例对比，可以表现出很高级的质感，一些高端服装，家具，装修上常会使用到这种配色方式。 我们再来看看它具有哪些特性。  协调色对比偏弱，所以具有很好的统一性，是最不容易出错的配色方式，它具有如下三大特性。 协调、统一 由于相似的色彩特性，协调色的之间完全没有冲突感，搭配在一起天生就有很好的统一性。例如黄和绿这组邻近色，用在美食类的设计上看起来很自然、和谐。  绿色可以让食物看起来非常环保、无害，黄色和橙色则可以让人更有食欲。  红色和黄色也是一组经典的邻近色搭配，因为用得太多了，所以被戏称为“番茄炒蛋”。但要是用好了，其实也可以非常有质感的。  蓝色和绿色的邻近色搭配，不仅很色调很统一，也给人非常舒适、健康的感觉。  安静、舒服 去过高原的朋友们都会知道，那里的山水总给人特别安静，让人心旷神怡的感觉。以至于有人会说西藏是人间净土，去一趟可以洗涤心灵。这不是扯JB蛋么，西藏让人静下心来的秘密在于它的颜色！
 同样的，同色系的深蓝色大海也能给人静谧的感觉，让人的心绪迅速平静下来。  所有的协调色都有类似的作用，能给人安静、舒服的感觉。下面这张广告，就是通过蓝色和紫色的搭配，营造了一个静谧夜晚的场景，色彩看起来很舒服。  蓝色和绿色，有大海的感觉，看起来就很养眼。  下面这张静物场景，干净的画面很容易让人联想到一个人静静的喝酒，完全没有嗨的感觉。  稳定、可靠 我们的大自然中虽然会出现强烈的对比色彩，但更多的还是协调色。比如说青山绿水，蓝天白云，晚霞中的红橙黄等，而大多数动物，都会进化成跟环境的色彩接近，所以协调色才是大自然的常见状态。再加上协调色给人统一和谐的视觉印象，所以它能给人一种稳定、可靠的感觉。  我们看到大多数商务类的设计，都会用协调配色，尽量避免活泼的对比色所带来的不确定性。  一些高端的工业产品，也会使用协调色来给人品质安全可靠的视觉感受。 接下来我们看看协调色是如何应用在设计中的。 单色系+中性色 单色系是最大的特点就是能将某个色彩的特质最大化，比如说整片的大红色，能强烈的刺激人的眼球，让人瞬间热血贲张。所以经常可以看到促销类的海报会用大红色来做背景色。 但单色系的画面问题也比较明显，那就是太单调，层次感太弱。而加入中性色的调和之后，则可以大大的增加画面的对比度，中和掉大面积单色的“腻”味。 例如下面这张广告，大红色的背景，配上黑色的包和文案之后，画面气质显得稳重了许多，大大增强了品质感。 下面的彭博商业海报中，选用了单一的亮绿色作为主色调。为了中和掉亮绿色所带来的跳跃和晃眼的视觉感受，用了黑白来压一下画面，这样整个画面在阅读的舒适度上会好很多。 如出一辙的配色： 黄色原本是一个非常有活力，有朝气的色彩，加入了黑色和灰色之后，会让画面增加运动所需要的力量感。 同类色拉开明度或纯度 和单色系相比，同类色在色相方面会稍微丰富一点点，但仍然存在色调过于单一、对比不够的问题。我们一般会拉开颜色之间的明度或纯度，形成明暗对比，衬托出主体。 下面的篮球海报中，整个画面的色调很统一，色相上非常接近。通过拉开明度的明暗对比，形成了很好的空间感，视觉上给人很丰富饱满的感觉。 下图用了在色相上非常接近的粉色和紫色，营造出色调很统一的女性化氛围，通过明暗光影的塑造，让画面的色彩显得很细腻自然。 下面这张化妆品的广告，在色相上以红色和粉色为主，通过不同明度和纯度的变化，画面的色彩并不显得单一。明亮的背景与产品之间形成了强烈的反差，让产品更突出。 60度邻近色搭配 在色环相距60度的邻近色，是非常好用的配色方案。相比同色系，它有着更好的对比度，能让画面的色彩更丰富，同时也没有对比色那么强烈的冲突感。 比如下面这张海报，整个画面的色调看上去非常丰富多彩，但是色彩之间又彼此很协调自然，分布得很均衡。把色彩吸出来可以发现，这三个颜色刚好是在色环上相距60度的邻近色。 邻近色还可以结合不同明度和纯度来使用，让画面呈现出不同的气质。下图的海报，就是通过降低两个邻近色的饱合度和明度，再结合中性色，来让画面呈现出厚重的质感。 红紫蓝是一组经典的邻近色，把明度提高之后可以降低它们的冷暖冲突，让整体色调更柔和舒适。 蓝绿也是一组经常用的冷色调邻近色，色彩调性很统一，看起来很冷静专业，适用于商务类的设计。 下面我们通过具体的实操案例，看看协调色要如何应用。 案例1 先来个小案例热热身，做一张女装广告。 第1步， 抠一张模特素材图。 第2步， 因为是夏装，所以我从模特的衣服上吸取了浅蓝色作为主色调，然后选用蓝色的邻近色紫色作为辅助色，两个颜色既有一定的对比度，看起来也协调。 第3步， 给背景添加格子纹理，用粗线作画面分割，形成类似蒙德里安的风格。 第4步， 画面被切分为多个格子，看起来有点封闭，所以用手写文字形成破版效果，同时在视觉上也为画面注入活力。 第5步， 排版好其它的文案。 OK， 一张清新时尚的女装广告完工！ 是不是觉得很顶？ 案例2 第1步， 先抠一张C罗的帅照。 第2步， 我们采用单色+中性色的搭配方式，以大红色为底，将文字放大铺在背景上，在不影响文字阅读效果的前提下，对文字进行局部裁切，形成破版效果。 第3步， 给文字和背景添加做旧的纹理效果，让画面看起来有点粗砺的感觉。另外将人物的色彩饱和度降低一些，与整体的风格更匹配。 第4步， 添加其它文案，在文案的分布上，注意保持画面的平衡。 OK，完工！ 案例3 还是以C罗，不过这次我们换个配色方案。足球最容易联想到的词是绿茵，所以这次我们换成一组黄绿的邻近色。 第1步， 先给背景铺上黄色。 第2步， 将文字放大，改成绿色铺在人物的背后，和人物形成前后关系。 第3步， 给背景和文字增加划痕纹理，丰富画面的细节感。 第4步， 利用小字将空缺的地方填满，让画面达到平衡的状态。 OK，完工。 这期的教程就到这，我们下期见。
文章分类：
新闻动态
|