本节课讲解4个绝招解决配色不协调的问题,教程中使用的软件为 Photoshop(简称PS),同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.在设计工作中,配色一直是一个绕不开的话题,同时配色也是衡量一个设计师能力的重要条件之一,好的配色可以让画面有更好的展示效果,更统一的风格,更有视觉感的浏览体验,所以配色很重要,是我们设计师必须要掌握的设计基础能力。
2.画面整体协调,风格才更统一,更容易体现品牌调性,画面浏览体验更好。之前我们讲过怎么通过颜色搭配营造强烈的画面视觉感,但是画面配色的协调性一直是被忽略的,同时也是出现最多问题的。
3.本节课分为四个板块进行讲解,依次是同色系搭配颜色搭配、降低颜色对比度、调整颜色占比和自然风景取色法,如图所示。
4.首先讲解同色系颜色搭配,在设计画面配色时使用同色系去搭配颜色,画面整体协调性会更好。因为同属于一种颜色,尽管会有明暗或者纯度的不同,但整体画面颜色是保持一致的,这对于画面来说颜色是统一的,是协调的。
5.同色系颜色搭配,可以通过颜色的明暗,饱和度,纯度,色相等的不同区分画面主次,这样画面既有层次,整体色调风格又比较统一,画面也同时具有视觉感。
6.比如在PS中打开前景色,这时就会出现单一的颜色,比如下图中的蓝色,越往右上角蓝色的明度越强,纯度也会适当升高,往左则纯度变低,但是亮度升高,往左下则是纯度降低、亮度压暗,右下则是饱和度越高、亮度越低,颜色纯度和明暗的变化就是同色系,如图所示。
7.下图中的案例就使用了同色系进行搭配,整体色调为蓝色,但是背景上有深蓝、浅蓝和其他的蓝色,通过深浅、明度和饱和度不同的蓝色区分层次,整体非常有视觉感、协调,能更好地突出中间的文案信息,如图所示。
8.下图中的案例使用了橙黄色的同色系颜色搭配,通过这样的画面营造出“比暖男还暖”的内容,增强了整体氛围感,突出了产品的特点,如图所示。
9.下图中的案例为促销节日的海报,一方面红色具有促销感、热闹感和喜庆感,红色对于产品的搭配更具有吸引力,整体红色有不同的斑点、变化和深浅,营造出一个具有视觉感、突出产品的画面效果,既统一又协调,更多案例请参考视频内的演示。
10.同时在一张画面使用纯色系搭配,不仅可以让画面更统一,也可以让画面更有视觉感和冲击力,所以在颜色搭配设计中,不仅可以用拉开颜色对比增加视觉冲击力,也可以用同色系增加画面的视觉感和冲击力,画面整体的颜色搭配也会更协调。
11.接下来讲解降低颜色对比,在一些画面中,我们为了呈现出某种视觉效果,会可以的拉开颜色之间的对比,颜色对比较大,画面更有视觉冲击力,但不是所有的画面都需要这种效果。
12.为了画面的品牌调性,为了统一画面协调性和风格,我们可以通过适当降低颜色的对比搭配画面颜色,这样画面效果会更柔和,更温暖,更有品质感。
13.通常我们见到最常用的对比色有,红色