• 登录
社交账号登录

写给新手“色”计师的配色攻略(三)

10-21121F9193DW.jpg


前两篇配色攻略讲解了“主色调的选取”、“副色、点缀色的搭配技巧”,其实主要针对的是色彩色相的选取,而千变万化的颜色还可以通过改变明度与饱和度产生的不同的色调。不同的色调给人的感受也不同,设计师也正是利用对色调的认识和搭配创造出触及观众心灵的共鸣作品。



写给新手“色”计师的配色攻略(三)(图2)


HSB色彩模式以人类对颜色的感觉为基础,描述了颜色的三种基本特性。它以色度H(Hue)、饱和度S(Saturation)和亮度B (Brightness)来描述颜色的基本特征,为自然颜色转换为计算机创建的色彩提供了一种直接方法。HSB色彩模式将颜色三属性进行量化,色度以角度(0°-360°)表示,饱和度和亮度以百分比值(0%-100%)表示。


写给新手“色”计师的配色攻略(三)(图3)


虽然HSB模式对大多数人来说都比较陌生,但这却是更接近人们视觉原理的色彩模式。人脑在辨别颜色时,不会把色光分解成R,G,B或者C,M,Y,K几种单独颜色,而是按照色度、饱和度和亮度判断的 。


HSB模式描述了有彩色系的颜色三个基本特性:色相、饱和度(纯度)、明度。也称为色彩的三大要素或色彩的三属性。



写给新手“色”计师的配色攻略(三)(图4)

色相即“颜色的相貌”,是区别各种不同色彩的主要依据。比如我们看到一个颜色可以很快识别出来叫什么名字,就是因为它具有的色相属性。


写给新手“色”计师的配色攻略(三)(图5)




写给新手“色”计师的配色攻略(三)(图6)

饱和度即“颜色的鲜艳程度”,也是该色的“纯净度”,高纯度的颜色加入其他颜色,或者改变其明度都会使饱和度降低。


写给新手“色”计师的配色攻略(三)(图7)




写给新手“色”计师的配色攻略(三)(图8)

明度是眼睛对光源和物体表面的明暗程度的感觉,简单理解就是色彩的明亮程度,色彩的明度有两种情况:一是同一色相的不同明度:


写给新手“色”计师的配色攻略(三)(图9)



二是各种颜色的不同明度。每一种纯色都有与其相应的明度,黄色明度最高,蓝紫色明度最低,红绿色为中间明度。在色彩搭配时不应只考虑同一色相的明度的搭配,也要考虑到不同色相的明度关系。

写给新手“色”计师的配色攻略(三)(图10)



写给新手“色”计师的配色攻略(三)(图11)


色调是指画面统一的色彩感受和色彩倾向,是画面给人的整体色彩印象。色调可以有很多分类方式,本篇主要以颜色饱和度和明度的强弱、浓淡分为纯色调、浊色调、明色调、暗色调进行分析。‍



写给新手“色”计师的配色攻略(三)(图12)

纯色调是由高纯度色相组成的色调,在所有色调中是最鲜艳、感官刺激最强烈的色调,因此也是最直接明了体现出色彩情感的色调,视觉冲击力也最强。



高纯度的红蓝色搭配形成了强烈的对比,使各自的色相更显突出,更为艳丽,给受众强烈的感官刺激。

写给新手“色”计师的配色攻略(三)(图13)



高纯度的多种颜色组合,跳跃感十足,具有个性张扬的时尚感和强烈的视觉冲击力。

写给新手“色”计师的配色攻略(三)(图14)



鲜明活泼的纯色调色彩组合,凸显儿童的天真与快乐,很好的营造出六一儿童节热闹愉悦的节日氛围。

写给新手“色”计师的配色攻略(三)(图15)


一般纯色调能给人积极、活力、热情、浓郁等积极意向,但使用不好也会让人感觉低档、庸俗、肤浅、花俏、浮夸等消极的意向。




写给新手“色”计师的配色攻略(三)(图16)

浊色调是在纯色基础上降低其饱和度,是比较中性的色调,色相固有的视觉属性表现力有所降低。在使用浊色时需要注意对灰色的把控,运用不好就会使得整个画面显得压抑、脏乱。



写给新手“色”计师的配色攻略(三)(图17)



紫色给人一种贵气、奢华的印象,通过降低饱和度可以削弱这种气质,从而突显出一种古朴、典雅的气质。浊色调不同色相之间相互搭配所带来的视觉感受很缓和,即便是以对比色的形式搭配,视觉冲击力也明显减弱。

写给新手“色”计师的配色攻略(三)(图18)



浊色调带有几分深沉与暗淡,是比较中庸的色调,常用在营造厚重、素雅、朴实、含蓄感的画面中。

写给新手“色”计师的配色攻略(三)(图19)



浊色调呈现灰暗的色调,就像乌云密布的天空,阴郁暗淡、令人压抑,可以营造出神秘、恐怖感。色彩配色时先选择一些明度较高的颜色搭配,可以使整个画面达到明暗混合的效果。

写给新手“色”计师的配色攻略(三)(图20)


浊色调给人沉重、稳重、成熟、朴素、庄重、雅致、古朴等积极意向,但使用不好也会让人感觉土气、保守、迟钝、消极、阴暗、肮脏等消极意向。




写给新手“色”计师的配色攻略(三)(图21)


明色调是在纯色的基础上是加入白色,提高了明度,色感相对被减弱,具有轻柔纯洁的印象,显得更简洁、明朗、清爽、舒适、朝气蓬勃。


写给新手“色”计师的配色攻略(三)(图22)



明色调可以传递出明快、清爽的感觉,很适合表现小清新、文艺等风格,同时也很容易体现出产品纯净、健康等特性。

写给新手“色”计师的配色攻略(三)(图23)



此广告虽然使用了红蓝对比色配色,但是提高了明度,对比显得很柔和,视觉冲击力也明显减弱,具有年轻、明快的时尚感。

写给新手“色”计师的配色攻略(三)(图24)



明色调色感相对减弱,十分柔和,可以传递出文艺、淡雅、轻柔的视觉印象,给人温馨幸福、甜美梦幻的感觉。

写给新手“色”计师的配色攻略(三)(图25)


明色调给人年轻、纯真、温柔、舒适、清澈、干净、明亮、清爽、童话、梦幻、雅致等积极意向,但使用不好也会让人感觉肤浅、幼稚、轻飘、软弱、廉价等消极的意向。




写给新手“色”计师的配色攻略(三)(图26)


纯色调加入黑色可以变成暗色调,暗色调只能隐约显示出各种颜色的色相,色彩属性更弱。


写给新手“色”计师的配色攻略(三)(图27)



相对而言,暗色调给人的视觉感受更稳重、有品质感,特别适合表现高档、奢华等主题。

写给新手“色”计师的配色攻略(三)(图28)

写给新手“色”计师的配色攻略(三)(图29)



色相的明度被减弱后,会给人一种深邃、神秘的印象,暗色调经常给人传递的是庄重、神秘等视觉感受。

写给新手“色”计师的配色攻略(三)(图30)

写给新手“色”计师的配色攻略(三)(图31)


暗色调给深邃、高端、阳刚、力量、神秘、奢华、严肃等积极意向,但使用不好也会让人感觉阴暗、压抑、沉重、恐怖、不安等消极意向。




写给新手“色”计师的配色攻略(三)(图32)


接下来通过案例演示来让大家加深理解四种色调的特点。


打开AI软件,用文字工具输入配色攻略的英文,并按鼠标右键选择“创建轮廓”;从“窗口”菜单中打开“符号”面板,把英文单词拖动到符号面板中形成一个新的符号。

写给新手“色”计师的配色攻略(三)(图33)



用钢笔工具画出S形的线段,选择“效果”-“3D”-“凸出与斜角”,勾选“预览”,调整凸出方向与厚度:

写给新手“色”计师的配色攻略(三)(图34)



选择“贴图”,勾选“预览”、“三维模型不可见”,“符号”选择之前新建好的英文,“表面”选择第四个面,把英文翻转并调整大小占满整个面。

写给新手“色”计师的配色攻略(三)(图35)



选择“对象”-“扩展外观”,右键取消编组两次,可以把英文打散为三个部分,分别给三个部分英文加入纯色的渐变色,形成立体环绕的效果,画面主体就刻画好了:


写给新手“色”计师的配色攻略(三)(图36)



给画面加入从蓝到红的纯色渐变,为了丰富画面层次,在英文主体下方加入面积较小的色块,沿用背景的渐变色。


写给新手“色”计师的配色攻略(三)(图37)

收藏