|
前两天打卡群聊到配色 聊到最后大家都收集了一堆色卡 然而还是不会用（扎心了，老铁！） 为什么不会用，很多时候是我们不会分析配色，今天就从基础给大家好好分析分析配色那些事儿~ 我们都知道，色彩是光的波长照射在物体上的反射而来，而显示器屏幕里的色彩则是直接映入我们眼睛里的。 三原色红、黄、蓝被称为三原色，它们能混合出其他颜色，而其他色却不能还原成三原色。 三间色将两两相邻的三原色混合一下，得到了三间色：红+黄=橙，黄+蓝=绿，蓝+红=紫。 第三色将两两相邻的颜色混合成新的颜色，得到第三色，也称作复合色。 十二色色轮HSB模式我们都知道，显示器显示颜色是RGB模式，印刷出版物显示颜色是CMYK模式，然而基于人眼最直观的颜色是HSB模式。 H=色相，也就是色轮上不同角度所显示的颜色，比如红色，黄色，绿色。 S=饱和度，表示色相中彩色成分所占的比例，用从0(灰色)~100%(完全饱和)的百分比来度量。通俗来讲，也就是颜色的鲜艳程度。 B=明度，决定着颜色的相对明暗程度，通常是从0(黑)~100%(白)的百分比来度量的。 相邻色在设计作品时，如果配色想偷懒的话，有个简单又和谐的方法可以达到，那就是使用色轮上的相邻色来搭配。 双色相邻案例：
这张插画大面积运用了黄色与橙色的相邻色，简单的颜色也搭配的好看，让秋天的气氛迎面扑来。由于两种色相角度相近，所以没有过多调整明度与饱和度也依旧很和谐。 三色相邻案例：
这张插画大面积运用了青+蓝+藏蓝色的相邻，但是青色的饱和度较低，藏蓝色明度较低，显得层次感非常强烈，同时还加了少许红色的对比，让画面看起来一点都不腻。 互补色如果希望作品能够更有冲击力和强烈对比，不妨试试互补色，特别是高饱和的两种对比色，会让画面色彩更饱满。 双色互补
案例：
大块的橙色配上蓝色的点缀，让画面看起来有强烈的视觉冲击力，同时，橙色与蓝色的互补相得益彰，衬托出橙色更加明艳诱人，高饱和度的色彩非常好看。 分裂互补三色这种互补相较双色互补对比更为柔和一些，产生更细腻的色彩边界，不那么突兀。
案例：
这张图片用了橙红色，绿色，蓝色的互补分裂三色，面积和饱和度的不同让画面的对比冲突柔和许多，大面积的绿色里带一点跳脱的橙红和蓝色，使得排版活泼有趣。 间隔色彼此等距的双色或者三色间隔会产生让人愉悦的组合，这一组合的特点是色彩比较明确、差异化大、识别率高，一般比较常出现在广告设计中。 双色间隔
案例：
这张插画运用了红+橙黄+藏蓝+绿色的双色间隔搭配，配色上两两互补，跳跃中连带着相互呼应，同时由于饱和度的不同，显得画面对比不那么突兀。 三色间隔三色间隔比双色间隔更加跳跃性，搭配也更加个性。
案例：
这张海报运用了最经典的红黄蓝三色间隔，不过红色的饱和度非常低，有些偏粉色，让对比的冲突没有那么明显，画面柔和感增强了许多，但依旧色彩鲜明，让人感觉非常愉悦。
如果红色和蓝色的饱和度高一些，像这张图一样，也很好看。 暖色与冷色色彩本身是没有情绪的，但是不同的色调却能让人产生不同的感觉。 暖色调暖色调是由太阳衍生出来的颜色，包括红、黄、橙，人们看到暖色调就会不由自主的联想到太阳，因而感觉到温暖与兴奋。
案例：
插画中小女孩的衣服、发色、包括身后的房屋，大面积使用了暖色系，让画面看起来非常温暖，同时，也添加了冷色系的蓝色天空、绿色藤蔓，中和了暖色的燥热感，使画面更加和谐自然。 冷色调冷色调是以青、绿、蓝、紫为主的颜色，视觉上让人觉得清爽甚至寒冷。
案例：
这幅插画就是以冷色调为主，整个画面让人感觉比较清爽，其间也穿插了一点点温暖的黄色，中和了阴冷的感觉。 学会分析作品配色总有很多人抱怨，看了那么多配色文，可是到自己做起来又是一脸懵逼。 第一步，把喜欢的图片放入PS里，用吸管吸取颜色。
第二步，色相不变，把饱和度和明度的数值调到100。
现在，我们很容易就能发现，这张图运用的是橙色与蓝色的渐变，并且，由于蓝色的饱和度与明度较低，显得图片比较高大上。 这样的分析可以直观看到作品的配色到底是什么颜色，运用了哪种配色方法，饱和度明度是怎样调整的，从而真正学到大牛的手法，并且，还能提升自己对颜色的敏感度，以后就再也不会出现“看了很多文章，依旧学不会配色”这样的窘境了。 总结我们来复习一遍，想要颜色搭配好看，一定要遵循这些规律： 1. 相邻色需调整明度与饱和度。 2. 互补色要注意色彩面积大小，分清主次关系。 3. 冷暖色调会对人的情绪产生影响。 所以，配色没有想象中的那么难，只要遵循这些原则，大的方向就不会出错，剩下的，只有多看多分析多练习啦！ 最后，小编想给大家留两个思考题： 如果你有一条黄色的裙子，搭配什么颜色的包包比较出彩？ 如果家里有一个蓝色的沙发，搭配什么颜色的抱枕更和谐？ 封面设计：Maria Gr?nlund
|
|
|
