0文章
0评论
0获赞

甲方竟敢说你的配色丑! 我来教你怼回去(四)

759 0

相信在日常工作中,经常会听到“这个画面看起来很凌乱”、“颜色太多太杂了”、“画面没有重点”之类的意见(吐槽)。怎么才能合理的把这些“意见”怼回去呢?今天真的要开怼了。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

在前几篇配色文章中,我们已经理解了色相和色相的组合、关于色调搭配,以及它们的正确的意义。

我们在配色第二篇《甲方竟敢说你的配色丑! 我来教你怼回去(二)》中,把色相的搭配组合分为“取得协调的配色”、“强调设计的配色”两个部分来陈述。同样道理,画面整体的配色,包括色相、明度、纯度、色调的选择,我们也可以按照“取的协调的配色”、“强调设计的配色”两个方面来展开。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

取的协调的配色

取的协调的配色,能使观看者产生安心的感觉,这对于图像设计非常重要。只有在了解如何让配色“符合协调的规则”,才能让颜色之间显得协调。我们将借助以下几点,来获得配色达到协调的诀窍。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

色相一致的配色

色相一致的配色,会让人同时感到一致与带有一些幻想的印象。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

即使是同样的色相,也可以在色彩中加上明度和纯度的变化,这种幻想式的微妙变化,使得画面统一且不死板。整体画面属于朴素且不引人注目的风格。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

在色相一致的配色中,当颜色面积缩小到一定程度,明度和纯度的变化就会难以辨别。如果希望画面能体现出微妙的变化,颜色面积需要调整到一定的大小。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

当然,如果使用不完全相同的色相,而是将色相加上一些微妙的变化,选择色相环上位置相近的颜色,统一感也不会改变。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

如果希望色调一致的配色不至于太单调,最好使用相近的色调做为基地色彩,并且也取用其他颜色做为画面的强调色会更合适。

明度一致的配色

明度一致的配色,即使是使用多种颜色也能让整体富有均衡的印象。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

相比色相和纯度,度是更容易让眼睛感受到变化到色彩要素。明度一致到画面,不会有特别突出或者醒目到部分。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

只要将画面的色彩替换成灰度显示,就能一目了然的看出来画面整体的明度分布。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

对于需要引人注目的广告设计,以及需要在文字和标示方面有辨识度的设计,不会在画面全部使用明度一致的配色,但是在局部加上一些变化倒是不错的想法。

纯度一致的配色

纯度对人的心理有较大的影响力,纯度低的配色让人感觉稳重,纯度高的配色让人感觉有精神。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

统一使用纯度高的色彩配色富有张力的色彩之间的冲突会让人感受到强烈的对比色彩数目增多会产生热闹、愉悦的印象;色彩数目减少则会变成强有力的印象。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

统一使用纯度低的色彩配色,整体画面带有灰暗、安宁沉稳的印象。色彩数目不够丰富则会更显得冷清。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

中间调纯度的色彩配色,除了带来画面的一致性,也带来了欢乐、愉悦的印象。

从自然中取的协调的配色

协调的配色在我们身边比比皆是,大自然长久以来的演变,成为了现如今人类习惯的颜色。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

在设计中用到照片时,可以从照片中选取色彩来配色,可以衬托出整体的协调感。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

即使设计中没有应用照片,也可以从实际风景照中提取色彩来配色

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

只要将图片进行马赛克化处理,就能轻易的提取出色彩

无彩色的应

黑、白、灰色彩本身不具有如何色感,不会发生颜色的变化,可以使得设计整体的配色获得统一。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

在多色相进行搭配的时候,色彩之间相互影响较大,但是无彩色本身不具有色感,并不会发生颜色印象变化的情况。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

搭配白色时候,整体呈现出舒畅清爽的感觉,消除了整个版面多种色彩产生的压迫感。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

搭配黑色时候,黑色本身具有收敛设计印象的效果,更加突出色彩本身的效果。

渐变色

色彩和色彩连接的时候,渐变色能够带来设计的协调性。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

渐变色是遵循一定的规则做阶段性变化的配色,观看者感受到这种特有规则的秩序性,缓解了画面的冲突感。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

渐变可以设定在色相差异、明度差异、纯度差异之间,可以让画面的空间更加宽阔。

强调设计的配色

设计商品广告,或者渴望能够引人注目的标志、海报等作品的配色时,“色彩过于协调”或许会导致画面毫无亮点,整个时候就需要应用“对比”,让想要突出的部分从画面跳脱出来。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

当然,我们不能简单的认定为“这个颜色本身就很显眼”,突出的部分都是建立在整体画面的基础上,所以我们先要有“想要突出的比分”和“除此以外的部分”的概念。

明度对比

在色彩的对比之中,效果最好的是让明度产生落差而形成的“明度对比”

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

人类的眼睛对明度差异非常敏感,在画面需要提高“辨识度”和“可读性”的时候,应用明度对比是你的不二选择。

纯度对比

纯度差异大的配色,可以为画面增添戏剧性。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

人们的目光容易被鲜艳的色彩吸引,高纯度的色彩可以达到聚焦注意力、刺激感情的效果,而且面积越大越有魄力。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

纯度高的色彩搭配在一起容易产生花里胡哨的印象,想要发挥高纯度色彩的效果,必须先压低其它色彩的纯度。

色相对比

色相差异形成的对比,为设计带来强烈的冲击力和华丽感。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

不同色相的色彩组合在一起会产生对比效果,在色相环位置中距离越远,对比效果越强烈。

强调色

只要画面中有少量的强调色,就能串联设计整体的风格。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

协调的配色中加入强调色,可以避免画面的单调感觉,增加趣味性。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

强调色的作用是重点点缀,不宜过,在想要凸显的部分适当添加,就可以成为统一设计的重点。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

选择与背景互补的色彩做为强调色,会使得强调色更加的亮眼,有效加强集中的视线。

彩色

若果希望画面有华丽的感觉,运用多种色彩连接组合的配色肯定不会错

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

“彩色“是指将各式各样的色彩随机组合在一起,特意创造出色与色之间彼此互相混合连接的配色。将画面整体全部都华丽的呈现出来。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

“彩色“配色的诀窍在于:缩小每一种颜色的面积,将色差大的色彩彼此组合在一起。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

“彩色“配色时,原则上背景要使用黑色、白色等无彩色,这样可以最大发挥色彩本身特性。

前进色/后退色

“穿黑色显瘦”就是我们应用色彩原则的一大实践,在图文设计上,颜色分成视觉感受明显膨胀和视觉感受明显收缩两类。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

暗色背景中的高明度暖色系色彩,会给人一种突出的印象,像是正往前方逼近,称为“前进色“。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

在明亮背景中的冷色系、暗系色彩,仿佛正朝另一边远离的印象,称为“后退色”。

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)

可以在广告设计中应用前进色/后退色的强对比,可以有效的突出商品,让观看者有更强烈的感受。

总结

看到这里,似乎两个部分是相反的内容?“协调的配色”说明如何借助准则来统一配色,而“强调的配色”却是与其相对,说明如何借助准则来让部分从画面跳脱出来。看起来似乎相互矛盾,然而,这正是所谓的配色准则。

两个部分互为表里关系,在考虑需要强调部分的时候,其余的配色都必须维持色彩的协调。要先取的整体的协调,再于其上强调某一部分,然后在审视整体的平衡度。如果有必要,就要重新虑取的色彩的协调。

画面设计的配色就是经常在两个准则中来回考虑完成的作品。

原文地址:设计师的私人日记(公众号)

作者:整夜

甲方竟敢说你的配色丑! 我来教你怼回去(四)
甲方竟敢说你的配色丑! 我来教你怼回去(四)
评论 (0)
请登录以参与评论。
立即登录

甲方竟敢说你的配色丑! 我来教你怼回去(三)

202 0

很多设计师在拿到了甲方需求,也和甲方进行了充分沟通的前提下,所完成的作品,甲方还是不满意。

可能甲方会说,这个蓝色不是我想要的。

虽然你已经按照需求,在色彩上作出了调整,但是你要知道,同样是蓝色,也有分为浅蓝色、天蓝色、深蓝色等等。

这个就关系到我们现在要讲的色调。

关于色彩最重要的要素———“明度”和“纯度”在前两篇做了简单的介绍。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

只要在“明度”和“纯度”混乱、且未经整合的配色,都会看起来是“没有秩序”的配色;而不管你使用了什么色相的颜色,或者不管是使用了多少种色相,只要是色彩的“明度”和“纯度”两者都统一的情况下,看起来依然是“井然有序”的配色。所以“色调”配色的基本原则就是:通过色彩”明度“和”纯度“来综合表现色彩。在色调之前,先要理解“有彩色”和“无彩色”。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

“无彩色“是指白色、黑色、灰色,这三种色彩没有“色相”属性和“纯度‘属性,只有”明度“的属性;

“有彩色“则是包含”色相“属性、”纯度“属性、”明度“属性的全部色彩。

色调的划分

色调大致可以分为“明清色调”、“中间色调”、“暗清色调”三种。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

“明清色调“是在纯色中混合“白色”形成的色调;

“中间色调“是在纯色中混合“灰色”形成的色调;

“暗清色调“是在纯色中混合“黑色”形成的色调。

将三大色调展开来讨论,就会有以下几类。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

鲜明色调

“鲜明色调”就是我们常提到的“纯色调”,理论上是不夹杂任何其它色彩的颜色,在所有的色调中,是最鲜艳,感官刺激最强烈的色调。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

鲜明色调的印象有:鲜明的、清晰的、艳丽的、醒目的、生动活泼的、爽快的、活跃的、积极的、健康的、明亮的、随意的、年轻的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

鲜明色调常用于表现儿童的天真、活泼,处理不当则会显现鲜明色调的“廉价感”、“花哨感”,通常会搭配其它的色调进行调和。

下面举几个鲜明色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

明亮色调

“明亮色调“是在“鲜明色调”的基础上加入少许的白色,少了鲜明、艳丽的感觉,却更显得干净、明朗。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

明亮色调的印象有:澄清的、清爽的、纯净的、纯朴的、天真的、快乐的、孩子气的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

明亮色调给人的第一印象就是干净、清爽,加入的少许白色,让色调整体显得更舒适,不会过于突出。画面整体以明亮色调为主的时候,也会显得轻浮、不稳定。

下面举几个明亮色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

苍白色调

“苍白色调”也称为“淡色调”,往明亮色调继续加入白色,就会得到苍白色调,它没有色相原本的色彩印象,更多的偏向冷静、冷淡的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

苍白色调的印象有:轻盈的、淡雅的、温柔的、可爱的、快乐的、甜蜜的、爽快的、女性的、孩子气的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

苍白色调会显得更加的纯洁、干净,排除了色相本身的印象。正因如此,苍白色调没有强烈的个性,会带来冷淡的感觉。

下面举几个苍白色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

阴暗色调

阴暗色调也是我们常说的“浊色调”,往鲜明色调中加入少许灰色,就会得到这种带有“高级感”的色调。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

阴暗色调的印象有:稳重的、高档次的、时髦的、柔韧的、朦胧的、浑浊的、暗淡的、朴素的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

阴暗色调是属于成人的色调,常用在低调、奢华的主题中。同时,大面积的阴暗色调会让画面显得脏乱、压抑。

下面举几个阴暗色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

亮灰色

往阴暗色调继续加入灰色就会得到亮灰色调,和阴暗色调类似,也具有“高级感”,但更多的是表现女性的优雅感。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

亮灰色调的印象有:稳重的、安详的、古朴的、淡雅的、雅致的、高雅的、干练的、纤细的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

亮灰色调的色彩倾向比较弱,具有柔和的女性感觉,和淡弱色调类似,也会带有消极、冷淡的感觉。

下面举几个亮灰色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

暗色调

鲜明色调混合黑色会得到暗色调,加入的黑色越多,暗色的属性就会越多,暗色调多用于男性主题的作品中。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

暗色调的印象有:厚重的、强力的、深的、信赖感、高级感、格调高雅的、坚固的、男性的、沉稳而有韵味的、阴暗的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

暗色调是通常能体现男性的特质,是的画面具有能量感和神秘感,不恰当的配色则会导致画面阴暗、压抑。

下面举几个暗色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

白色调

白色调不是单指纯白色相,在加入95%以上的白色就会得到白色调。它没有色彩的强烈主张,一般做为衬托的作用出现在画面中。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

白色调的印象有:纯洁的、干净的、朴素的、低调的、极简的、优雅的、平淡的、简单的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

白色代表“空”和“无”,白色调常用在表现留白、极简、文艺的主题,它可以和其他色调搭配使用,画面整体都会变得非常清爽。

下面举几个白色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

黑色调

“黑色调”也叫“暗色调”和白色调相反,最常用在需要表现男性的、力量感的设计中,给人无限的想象空间。同时也做为一种重要的调和色调出现。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

黑色调的印象有:男性的、力量感、神秘的、严肃的、高级的、沉重的、封闭的、阴暗的。

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

黑色调是颜色最深的色调,在体现力量和神秘之外,也会有封闭的孤独感,运用不当,会让作品和观者之间产生疏离感、不易接近。

下面举几个黑色调配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)

总结

我们在认识物体当色彩时,色调对色彩印象的影响很大。无论是为了营造某种“氛围”者“心情”,都可以通过色调的灵活运用而达到目的。

同一类色调或者类似色调可以凝聚整体的配色效果,使画面展现统一的世界观,也可以提高画面的质感。

推荐阅读:

《甲方竟敢说你的配色丑! 我来教你怼回去(一)

《甲方竟敢说你的配色丑! 我来教你怼回去(二)》

原文地址:设计师的私人日记(公众号)

作者:整夜

甲方竟敢说你的配色丑! 我来教你怼回去(三)
甲方竟敢说你的配色丑! 我来教你怼回去(三)
评论 (0)
请登录以参与评论。
立即登录

甲方竟敢说你的配色丑! 我来教你怼回去(二)

990 0

在上一篇 《甲方竟敢说你的配色丑! 我来教你怼回去(一)》中,我们了解了色彩的性质以及色彩的分类之后,我们再通过色彩之间的搭配组合,来展现丰富多彩的配色效果。

色彩单体在设计中的影响力很大,而多种色彩的搭配能够展现出更加丰富多彩的印象,将合适的色彩进行有效的搭配,设计作品的质量会有很大的提升。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

在色相环中,我们把色彩划分为12种基本色相,选取其中某一种色相做为基准色相,这样就会产生包括同一色相、邻近色相、类似色相、中差色相、对比色相、互补色相在内的六种色相之间的关系,了解这些关系之后,配色实践就变得简单多了。

色彩之间的搭配大体上可以分为两种:

1、取得协调的配色

2、强调设计的配色

取的协调的配色是通过同一或者类似的色相搭配,形成稳定、和谐的印象;

而强调设计的配色则是通过不同色相之间的相互碰撞,强调色相差异,从而形成某种色彩的印象。

取得协调的配色

由某一种色相或者在色相环上相邻的类似色构成,统一画面的配色,可体现整体统一性,强烈展现色相的印象,这种配色展现自然与和谐的印象,但同时也容易形成单调乏味的印象。

同色系配色

同色系配色是由一种色相构成的统一性配色,主色和辅色都在同一色相上,可以体现整体画面的统一性。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

同时这种配色也容易形成单调、乏味味道,所以在明度和纯度上适当有一些变化,加强面积上的对比,使画面更加均衡。

下面举几个同色系配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

邻近色配色

在色相环上相邻的色彩,因为色相上存在微妙的差异,所以配色效果比同色系配色稍微丰富,柔和过渡的色相使得页面看起来更加和谐。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个邻近色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

类似色配色

类似色色相上含有共通成分,配色也可以体现出和谐、协调的印象,这中配色是最能体现出色相差的配色类型。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

类似色的色彩具有适度的变化和动感,同样可以用过色相差体现画面色彩的张弛效果。

下面举几个类似色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

强调设计的配色

在同色系色彩搭配构成的配色中,可以通过添加强调色的配色技巧,突出画面重点,强调色一般选择基本色的对比色或者白色、白色。如何确保强调色限定在小面积内展现是关键。

中差色配色

差色色相上基本没有共通性,色彩包括了类似色色相到对比色色相,搭配出一种暧昧的印象,表现出舒适感和适度的刺激效果。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个中差系配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

对比色配色

对比色配色也叫相反色配色,色彩对比效果十分强烈。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

色彩之间互相衬托,形成明快、鲜明的印象,适合于表现活力四射,朝气蓬勃的画面。

下面举几个对比配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

互补色配色

互补色在色相环的相对位置,色相差较大,配色体现出十分强烈的视觉冲击效果。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

同时也容易形成廉价、劣质的印象。

下面举几个互补色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

多色搭配的配色

一般来讲,三色搭配和多色搭配体现出明显的色相差异,富裕张弛感的色彩组合呈现出活跃、动感的效果。多色搭配的要点在于通过高纯度的有彩色和黑色、白色的搭配,或者通过很高纯度的对比色之间的组合产生强烈的对比效果。

三邻色搭配

在色相环上选取相邻的三种颜色搭配,有一定的色相差但不是很大,可以营造和谐的氛围,并且有丰富的质感和层次。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个三邻色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

三角形配色

使用与对角线相邻的颜色进行三色搭配,虽然三种颜色的选择方式并没有达到平衡,偏离互补色的不规则三角形所造成的色相的微妙差异,产生了有趣的设计效果。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个三角形配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

三角形配色

在色相环以正三角形为色彩搭配,色彩与色彩之间的间隔相当远,彼此间的差异很大,而色相的对比度提高,画面表现出了华丽的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个正三角形配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

四边形配色

选取一对互补色相邻对四种颜色组成的配色,俩俩之间既有邻近色的和谐,也有对比色的强烈刺激,可以营造个性的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个四边形配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

正四边形配色

色相环中的正四边形对于的颜色,色彩之间差异是均等的,整体设计自然呈现出协调的状态。

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

下面举几个正四边形配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)

总结

彩之间的搭配大体上可以分为色彩与色彩之间相互调和的配色,以及衬托某种色彩的配色两种。

相互调和的配色是通过统一的色相,或者类似色彩的配色通过不同色相之间的色彩碰撞,强调色彩差异,从而形成突出某种色彩的印象。

推荐阅读:

《甲方竟敢说你的配色丑! 我来教你怼回去(一)》

原文地址:设计师的私人日记(公众号)

作者:整夜

甲方竟敢说你的配色丑! 我来教你怼回去(二)
甲方竟敢说你的配色丑! 我来教你怼回去(二)
评论 (0)
请登录以参与评论。
立即登录

甲方竟敢说你的配色丑! 我来教你怼回去(一)

694 0

当我们看到一件设计作品的时候,往往映入眼帘的先是配色,然后才是其他的内容,配色的好坏,直接决定了我们对这个作品的第一印象。当然,选中一个合适的配色绝不是一个偶然的事儿,这其实是一项系统的工作,只有知己知彼,把色彩研究透了,才能运用的得心应手。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

以下几个方面也许就是经常困扰你的点:

1、想要表达的设计思想不知道怎么去选取合适的色彩;

2、缺少对色彩全面的认识;

3、对配色没有一个系统的搭配方法;

4、不懂得如何提高对色彩的敏感度;

接下来,我会分几个部分,来聊一聊色彩及配色

认识色彩

色彩理论

开始理解色彩,必然要提到色彩三要素,色相、纯度、明度,这是最基本的概念,我就简单的以三张图概括下:

色相:指的就是红色、绿色这些色调的称呼;

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

纯度:指色彩的鲜明程度;

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

明度:指色彩的明亮程度;

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

而色相又大体上可以分为冷色系和暖色系;

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

色彩印象

在进行配色实践之前,关于色彩本身的理解十分重要,在理解色彩独特的性质之后,才能进一步学习更有效的配色设计技巧

点缀我们生活的各种色彩,都具有影响人类心理、情绪、感觉的力量,下面展开介绍一些代表性的色彩印象。

红色

红色既有积极的一面,也有消极的一面,在考虑如何用其他颜色去搭配红色之前,先想想想要红色在整个作品中表现什么?

属于红色的关键词有:热情、兴奋、能量、爱、华丽的、辉煌的、生命力、主动性、活力、激情、辛辣的、炙热的;愤怒、危险、攻击性的、暴力性的、嫉妒、压力、压迫感、刺激的等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

如果想要表现红色积极性的一面,最好使用泛黄的大红色或者明度较高的粉红色系的颜色。泛黄的红色比100%红色更能够表达温暖的感觉,而在粉红色系中,泛黄的暖粉红色比泛紫的冷粉红色更能传达出积极的印象。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

相反,如果想要表现红色消极性的一面,使用泛紫的红色比较好。红色和紫红色中间的色系给人冷淡、不自然的感觉。这些色彩的明度越低,越给人不自然的和消极的形象。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个红色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

上面这幅作品,设计师想要传达出“危险”“压迫感”的情感信息,塑造一个难民的形象,整个配色以红黑搭配,更显深沉。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

红色也有着“华丽感”和“刺激感”,大面积的红色做为底色,凸显出画面中的人物形象,很好的诠释优雅和成熟。

橙色

每种颜色都会有某种情感偏向,而橙色的情感是非常暧昧的,这种暧昧感使得它比红色更加温和,比黄色更加老练,即它有一种中性的魅力。

属于橙色的关键词有:活跃、温暖的、喜悦、开朗的、朝气蓬勃的、明快的、跃动的、亲近的、丰收、健康的、轻快的、明朗的、朴素的、安心的、温和的;任性的、歇斯底里的、嘈杂的、廉价的等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

同属于橙色系的色彩,实际上给人的印象是完全不同的。鲜明的橙色富于年轻感,而便褐色的橙色更具有复古感。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个橙色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

以大面积的橙色做为底色,搭配高饱和度的黄色,这些色彩的“温度”都很很高,很好的表现出了橙色“朝气蓬勃”的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

将橙色的明度适当降低,搭配上“厚重”的红褐色,很好的展现出了橙色鲜明的个性。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

饱和度高的色彩难免会表现出“廉价”的气息,画面中的橙色、黄色、蓝色、紫色,饱和度都偏高,很好的展现了作品的“销售属性”。

黄色

谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为“光之色彩”。而作为光的颜色,黄色可以作为挽救黯淡色调的救世主,赋予画面更多活力。

属于黄色的关键词有:明亮的、集中精神的、健康的、幽默的、希望、开放感、未来、宽厚的、轻快的、幸福、纯洁、明快、知识、权威、非正式的、可爱的、繁华的;幼稚、不成熟、警戒等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

泛橙色的黄色比原色黄更能营造柔和温暖的氛围,这种平和积极的印象更能表现亲切多情的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

泛绿的黄色偏冷,给人感觉冷漠。在原黄中加入白色和黑色的话,黄色本身的明亮的光感和暖意就会消失,变成偏冷的色彩。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个黄色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

黄色的最“暖”的颜色,它很好的体现的色彩的“轻快感”,采用黄色最为主色调,使得整个画面都“明亮起来”了。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

这是一个以黄色为主,黑色为点睛色的配色,使用黄色超强的表现力,和黑色这种冷色搭配表现出“强烈刺激”的对比

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

黄色同时也是小朋友最喜爱的颜色之一,高明度的配色,整体呈现出“可爱”和“童稚”的感觉。

绿色

绿色作为大自然的主旋律,能带给人安宁舒适、生机勃勃的感觉。同时,绿色也是一种存在感极强的颜色,虽然是最为普遍的存在,但也是很难和其他的颜色搭配。

属于绿色的关键词有:自然、和谐、平衡、健康的、和平、治疗、新鲜、安逸、安心、安定、和煦的、诚实的、朴素的、放松的、年轻的、平等、公平、安全;不成熟、带有乡土气息的等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

自然界的绿色是多种多样的虽然看上去都是绿色,却可以有青葱的嫩绿,松针的草绿,清亮深邃的青绿色,落叶的橄榄绿等。这些颜色各有各的感觉。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个绿色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

绿色是最“自然”的颜色,会然人不禁想起田园和植物,绿色和蓝色的搭配,没有强烈的对比感,倒显得画面更加“朴素”。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

绿色搭配黑白灰,毫无异议的显得干净利落,上图中的绿色作为点睛色,平衡了黑白的单调,而这里的白色和绿色都趋向于轻薄,因此需要用深黑,以加强色彩的力量感。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

绿色与偏暖的黄色搭配时,重要的是要强调两者之中的一个,在上图中的主色为绿色,点睛色为黄色,突出强调作品中的画面感。绿色的饱和度较低,与部分黄色相得益彰地变为了背景,辅助突出了点睛色。

蓝色

在很多最爱颜色的民意调查中,蓝色都是最受大家喜欢的颜色。蓝色的原始记忆来自天空的广阔和大海的深邃。它有凉爽、神秘和寂静的感觉,同时又能塑造出特别的亲和力。

属于蓝色的关键词有:稳重、镇静、冷静、爽快、清爽、清凉感、信赖感、沉着、知识性、清洁的、成功的、男性的、理性、诚实;忧郁、孤独、荒凉、悲伤的、保守的、消极的等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

如果要强调蓝色的积极印象,越贴近绿色的蓝色越好。但是,即便纯度较低,明度高的蓝色也能表现出明朗和积极的氛围。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个蓝色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

提起夏天,我猜你最先想到的肯定是蓝天、大海,明度稍高的天蓝色,搭配深蓝色,充分体现了夏天的“爽快”与“清凉感”。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

同时,蓝色也是极具商务个性的颜色,很多企业都选择蓝色做为品牌色,它也代表着“信赖感”和“成功”。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

“蓝色是忧郁的”,静谧的夜晚,带来“孤独”与“荒凉”。

紫色

在商业设计中,紫色被认为是一种优雅高档的色彩,常用于表现商品的奢华和高贵,同时也是很多艺术家喜爱的颜色。

属于紫色的关键词有:高贵、典雅、高尚、优美、风度、尊严、干练、神秘、秘密、心性、性感的、豪华的、华丽的、改观的;不安的、悲伤、孤独、嫉妒、自负、不健康、病弱等等。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

紫色带有暗色的特质,所以明度稍微低一点就容易给人以沉闷的感觉。因此,紫色在与其他色彩配色时,尽量选择明度较高的紫色。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

下面举几个紫色配色的案例

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

紫色是“神秘”的,紫色本身是“冷暗”的颜色,所以与纯度高的色彩配色会强化紫色的冷暗感。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

要用紫色来表现优雅、高贵等积极印象时,要特别注意纯度的把握。这种情况下,低纯度的暗紫色比高纯度的亮紫色更能传达积极的印象。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

紫色靠近蓝色,所以紫色也有带有“孤独”和“悲伤”的调性,蓝紫色系的紫色更容易传达消极的感觉。

白色

提起白色首先想到的纯洁,给人干净的感觉,它不会有强烈的个性,但是白色是永远的流行色。

属于白色色的关键词有:清洁、纯净、清澈、正义、善良、和平、净化、诚实、胜利、真实、简约;空虚、变幻无常的、孤独、失败、离别、死亡、寒冷。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

无印良品的产品一直注重“纯朴”、“简洁”、“环保”、以人为本等理念,在包装与产品设计上皆无品牌标注,但是却让人牢牢的记住了它。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

大面积的白色显得“空虚”,加上蓝色的点缀,画面更显得“孤独”和“寒冷”,将白色的负面情绪表现的更淋漓尽致。

黑色

所有当光线都被吸收了,感觉就是黑色, 是一种具有多种不同文化意义的颜色,和白色一样也是永不过时的颜色。

属于黑色的关键词有:严肃、厚重、威严、神秘、高级感、充实、富裕、正式的、时髦的、硬的、重的;收缩、黑暗的、阴郁、邪恶、黑夜、恐怖、压抑、绝望、死亡、自卑、不安。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

在画面中以黑灰色为底色,加上磨砂质感,突出了自行车的“高级感”。

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)

黑色的背景加上压暗的人物形象,一种“力量感”油然而生,人物的形象也是凸显了整体画面的氛围。

总结

颜色无所谓美丑,我们对于颜色的判断完全是一种主观的经验,这个作品配色的好坏,并不是取决与这个颜色的好不好看,而是这个颜色适合不适合这个作品要传达的意境。

我们必须摒弃旧有的对颜色的判断,排除自身受到的社会文化的观念影响,从一个全新的眼光来研究色彩。只有在充分了解每一种颜色的色彩印象,才能消除你对配色的迷惑与不安。

原文地址:设计师的私人日记(公众号)

作者:整夜

甲方竟敢说你的配色丑! 我来教你怼回去(一)
甲方竟敢说你的配色丑! 我来教你怼回去(一)
评论 (0)
请登录以参与评论。
立即登录