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

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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

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

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

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

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

取的协调的配色

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

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

色相一致的配色

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

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

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

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

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

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

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

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

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

明度一致的配色

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

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

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

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

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

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

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

纯度一致的配色

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

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

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

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

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

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

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

从自然中取的协调的配色

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

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

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

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

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

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

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

无彩色的应用

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

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

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

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

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

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

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

渐变色

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

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

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

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

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

强调设计的配色

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

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

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

明度对比

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

 收藏