- 移动界面(Web/App)Photoshop UI设计十全大补
- 曾军梅
- 1634字
- 2025-02-18 08:31:03
2.4 配色
Version:CS4 CS5 CS6 CC
色相彩度明度作用会使搭配在一起的不同色彩产生变化,两种和多种深颜色搭配在一起是不会产生对比效果的,同样,多种浅颜色混合在一起产生的效果也不理想。可是当一种深颜色和一种浅颜色混合在一起时,效果就会非常明显,浅色的更浅,深色的更深,色相彩度明度也是如此。

▲多种深色搭配

▲多种浅色搭配

▲深色和浅色搭配
2.4.1 色相配色
以色相为基础的配色就是以色相环为基础的配色。我们运用色相环上比较相似的颜色进行配色,就让人有种稳定和统一的感觉。若是想达到强烈的对比效果,就用差别比较大的颜色进行配色。
要想达到共同的配色印象,就要使用类似色相的配色。这种配色在色相上是比较容易取得配色平衡的。就像黄色、橙黄色和橙色的组合以及群青色、青紫色和紫罗兰色的组合等都是类似的色相配色。但是使用类似色相的配色,让人容易产生单调的感觉,所以有的时候,我们也可以使用一些对比色调的配色手法。这种中差配色的对比效果,既不呆板也不冲突,深受人们的喜爱。
在色相环中,对比色相配色指的是位于色相环圆心直径两端的色彩以及较远位置的色彩组合。它主要有中差色相配色、对照色相配色和补色色相配色3种色相配色。由于对比色相的色彩性质比较青,因此它就被用来调配色彩的平衡,经常用在色调上和面积上。
同一色相配色指的是色相配色在16色相环中,角度是0度和接近的配色。
邻近色相配色指的是角度在22.5度的两色间,色相差是1的配色。
类似色相配色指的是角度在45度的两色间,色相差是2的配色。
对照色相配色指的是角度在67.5度~112.5度,色相差是6~7的配色。
补色色相配色指的是角度在180度左右,色相差是8的配色。

2.4.2 色调配色
1.同一色调配色
同一色调配色就是把相同色调的不同颜色搭配在一起形成的一种配色关系。同一色调除色调明度有些变化外,其颜色、色彩的纯度都是一样的。同一色调会产生相同的色彩印象,而不同的色调会产生不同的色彩印象。要想表现出活泼感只需把纯色调全部放在一起即可,比如婴儿服饰或玩具大多都是以淡色调为主。在中差色相和对比色相的配色中,采用同一色调的配色方法,色彩就显得很协调。

▲同一色调配色
2.类似色调配色
将色调图中相邻或接近的两个或两个以上的色调搭配在一起的配色就是刚才提到的类似色调配色。与同一色调相比,类似色调配色在色调与色调之间有细微的差异,不会产生呆滞感。要想表现出昏暗的感觉,就把深色调和暗色调搭配在一起;要想表现出鲜艳活泼的色彩印象,就使用明亮色调、鲜艳色调和强烈色调。

▲类似色调配色
3.对照色配色
将相隔较远的两个和两个以上的色调搭配在一起的配色就是对照色调配色。因为对比色调存在色彩的特征差异,所以能造成强烈的视觉对比,产生一种“相映”或“相拒”的力量。比如浅色调和深色调配色,就是深和浅的明暗对比;鲜艳色调和灰浊色调搭配,在纯度上就会存在差异配色。也就是说,在配色选择时,对比色调配色会因横向或纵向对比而存在明度和纯度上的差异。若是采用同一色调的配色方法,更容易进行色彩调和。

▲补色对照色调配色

▲深浅明暗对照色调配色
2.4.3 明度配色
配色的一个重要因素就是明度。明度的变化能表现出事物的远近感和立体感。比如,希腊的雕刻艺术就是通过光影的作用呈现黑、白、灰的相互关系,形成立体感。再比如,中国的国画也经常使用无彩色的明度搭配,用来表现空间的关系。不仅如此,彩色的物体也能通过光影的影响产生出明暗效果。比如,黄色和紫色就存在明显的明度差。
明度可以分为高明度、中明度和低明度三类,我们在给明度配色的时候,有高明度配高明度、高明度配中明度、高明度配低明度、中明度配中明度、中明度配低明度、低明度配低明度等6种搭配方式。其中,高明度配高明度、中明度配中明度、低明度配低明度这3种属于相同明度配色;高明度配中明度、中明度配低明度这两种属于略微不同的明度配色;高明度配低明度属于对照明度配色。我们经常使用的就是明度相同,而色相和纯度有变化的配色方式。

▲雕塑素描的黑白灰立体关系

▲黄色和紫色的色调配色

▲水墨画的浓淡色调配色

▲明度相同,色相有变化的配色