［读书笔记1］色彩平衡
生理补色
［读书笔记1］色彩平衡
视觉受到一定刺激后，心理产生了平衡这个色彩的渴望，需要通过看到的颜色的互补色来平衡心理需求。
平衡的色彩关系是生理与心理的渴望
［读书笔记1］色彩平衡
图一：只有红色系，且为暗红色，则画面阴森、诡异；
图二：运用了生理补色，画面美观、自然、舒适。
如何做到色彩平衡
1.冷暖色平衡
一眼就看出这个颜色的冷暖差异的，这是这个颜色的绝对冷暖。
［读书笔记1］色彩平衡
在设计与绘画中，颜色被分为三种色调：
·暖色调为红橙黄；
·冷色调为蓝色青色；
·中性色为紫色、绿色（它们偏冷暖的调性不强，紫-介于红蓝，，绿-介于黄蓝）
［读书笔记1］色彩平衡
图1.情感失衡 图2.冷暖色平衡合理
冷暖色的搭配比例，需要根据情感去调整。大面积地使用冷暖对色会使情感更夸张，而饱和度高的冷暖搭配会使产品变得炫酷（如：霓虹效果，游戏效果）。
在暖色上使用暖色是设计最忌讳的配色（会使画面模糊不清）。推荐用暖前冷后搭配法。
［读书笔记1］色彩平衡
做设计也需要做冷暖对比的平衡原则，不一定需要非常强烈的绝对冷暖，可以是颜色细节上的相对冷暖。如右图，黑色为最冷色，则白色与蓝色为相对暖色，黄色是绝对暖色。前暖后冷的色彩平衡可以提高易读性。
［读书笔记1］色彩平衡
当上面的红往下走向冷极点时，是越来越冷的，走过冷极点后，继续往下走是越来越暖的，所以上面的红是偏冷的，下面的红是偏暖的。
［读书笔记1］色彩平衡
这是淘宝的两个入口按钮，红色是偏冷的红，蓝色是偏冷的蓝，即：同一属性的用色在同一色调上（故意突出除外）。
小结：冷暖色是情感倾向的表达，平衡视觉心理。不同主题适合不同的冷暖，偏冷或偏暖都会导致情感失衡。
2.互补色的平衡
［读书笔记1］色彩平衡
互补色：色环180°左右（颜色不绝对）的两个色区为互补色。
［读书笔记1］色彩平衡
图左：一个颜色在画面中过多造成了缺失感。
图右：将背景与产品文案用互补色平衡的方法，调节了补色的饱和度与明度，这样页面会很跳。
［读书笔记1］色彩平衡
图左：运用黑色去平衡画面
图右：撞色的运用使视觉冲击更强，更有张力。在使用撞色时，可以利用饱和度和明度使画面产生不同的效果
［读书笔记1］色彩平衡
暖红暖绿的互补
小结：互补色能补充色彩情感表达的缺失感，调节互补色明度、饱和度能改变情感的走向。
3.深浅色的平衡
［读书笔记1］色彩平衡
深浅色色彩的韵律
［读书笔记1］色彩平衡
运用深浅色的配色方法来丰富画面的层次。
单色深浅：只调整明暗就可以做出不同程度的渐变，即在单色里做到不同的层次关系与明暗关系。
［读书笔记1］色彩平衡
制作按钮的状态时，我们可添加10%亮度得到一个hover的状态，降低10%明度得到一个点击状态，如果10%不够，那就20%。
切记：深浅平衡并不是说用透明度去调，这样很不专业而且颜色会偏离。
［读书笔记1］色彩平衡
Ps和Ai：左深右浅、背景深、文字浅，这样的对比关系能拉开信息的层次。
［读书笔记1］色彩平衡
［读书笔记1］色彩平衡
多色深浅：通常用相邻色的不同深浅去搭配。
4.黑白灰的平衡
RGB色盘调成灰度模式
［读书笔记1］色彩平衡
除去中性色后，三种颜色处于黑白灰的稳定关系。
［读书笔记1］色彩平衡
除去中性色之后，蓝色是最暗的，青色是最亮的，在做渐变的时候按照黑白灰平衡的原理，所以渐变出来的颜色不会乱，很有韵律，所以它的配色也是成立的。
［读书笔记1］色彩平衡
如上海报，调成灰度模式后
［读书笔记1］色彩平衡
可以看到红绿都是灰色的。因为当直接用红绿互补的时候，画面会很刺眼，辣眼睛。这时候需要中性色黑白的介入去控制画面的平衡，这样的红绿互补才会成立而且更美观。
［读书笔记1］色彩平衡
在撞色的红绿之间加入黑白色，就能削弱撞色带来的不适感。
小结：黑白灰的平衡能有效把控色彩的稳定，能控制互补色的不平衡。
小技能：利用灰度模式可以检测画面的黑白灰层级关系和比重。
2018.01.11
