前两篇配色攻略讲解了“主色调的选取”、“副色、点缀色的搭配技巧”,其实主要针对的是色彩色相的选取,而千变万化的颜色还可以通过改变明度与饱和度产生的不同的色调。不同的色调给人的感受也不同,设计师也正是利用对色调的认识和搭配创造出触及观众心灵的共鸣作品。
相关文章:
HSB色彩模式以人类对颜色的感觉为基础,描述了颜色的三种基本特性。它以色度H(Hue)、饱和度S(Saturation)和亮度B (Brightness)来描述颜色的基本特征,为自然颜色转换为计算机创建的色彩提供了一种直接方法。HSB色彩模式将颜色三属性进行量化,色度以角度(0°-360°)表示,饱和度和亮度以百分比值(0%-100%)表示。
虽然HSB模式对大多数人来说都比较陌生,但这却是更接近人们视觉原理的色彩模式。人脑在辨别颜色时,不会把色光分解成R,G,B或者C,M,Y,K几种单独颜色,而是按照色度、饱和度和亮度判断的 。
HSB模式描述了有彩色系的颜色三个基本特性:色相、饱和度(纯度)、明度。也称为色彩的三大要素或色彩的三属性。
色相即“颜色的相貌”,是区别各种不同色彩的主要依据。比如我们看到一个颜色可以很快识别出来叫什么名字,就是因为它具有的色相属性。
明度是眼睛对光源和物体表面的明暗程度的感觉,简单理解就是色彩的明亮程度,色彩的明度有两种情况:一是同一色相的不同明度:
二是各种颜色的不同明度。每一种纯色都有与其相应的明度,黄色明度最高,蓝紫色明度最低,红绿色为中间明度。在色彩搭配时不应只考虑同一色相的明度的搭配,也要考虑到不同色相的明度关系。
色调是指画面统一的色彩感受和色彩倾向,是画面给人的整体色彩印象。色调可以有很多分类方式,本篇主要以颜色饱和度和明度的强弱、浓淡分为纯色调、浊色调、明色调、暗色调进行分析。
纯色调是由高纯度色相组成的色调,在所有色调中是最鲜艳、感官刺激最强烈的色调,因此也是最直接明了体现出色彩情感的色调,视觉冲击力也最强。
高纯度的红蓝色搭配形成了强烈的对比,使各自的色相更显突出,更为艳丽,给受众强烈的感官刺激。
高纯度的多种颜色组合,跳跃感十足,具有个性张扬的时尚感和强烈的视觉冲击力。
鲜明活泼的纯色调色彩组合,凸显儿童的天真与快乐,很好的营造出六一儿童节热闹愉悦的节日氛围。
一般纯色调能给人积极、活力、热情、浓郁等积极意向,但使用不好也会让人感觉低档、庸俗、肤浅、花俏、浮夸等消极的意向。
浊色调是在纯色基础上降低其饱和度,是比较中性的色调,色相固有的视觉属性表现力有所降低。在使用浊色时需要注意对灰色的把控,运用不好就会使得整个画面显得压抑、脏乱。
紫色给人一种贵气、奢华的印象,通过降低饱和度可以削弱这种气质,从而突显出一种古朴、典雅的气质。浊色调不同色相之间相互搭配所带来的视觉感受很缓和,即便是以对比色的形式搭配,视觉冲击力也明显减弱。
浊色调带有几分深沉与暗淡,是比较中庸的色调,常用在营造厚重、素雅、朴实、含蓄感的画面中。
浊色调呈现灰暗的色调,就像乌云密布的天空,阴郁暗淡、令人压抑,可以营造出神秘、恐怖感。色彩配色时先选择一些明度较高的颜色搭配,可以使整个画面达到明暗混合的效果。
浊色调给人沉重、稳重、成熟、朴素、庄重、雅致、古朴等积极意向,但使用不好也会让人感觉土气、保守、迟钝、消极、阴暗、肮脏等消极意向。
明色调是在纯色的基础上是加入白色,提高了明度,色感相对被减弱,具有轻柔纯洁的印象,显得更简洁、明朗、清爽、舒适、朝气蓬勃。
明色调可以传递出明快、清爽的感觉,很适合表现小清新、文艺等风格,同时也很容易体现出产品纯净、健康等特性。
此广告虽然使用了红蓝对比色配色,但是提高了明度,对比显得很柔和,视觉冲击力也明显减弱,具有年轻、明快的时尚感。
明色调色感相对减弱,十分柔和,可以传递出文艺、淡雅、轻柔的视觉印象,给人温馨幸福、甜美梦幻的感觉。
明色调给人年轻、纯真、温柔、舒适、清澈、干净、明亮、清爽、童话、梦幻、雅致等积极意向,但使用不好也会让人感觉肤浅、幼稚、轻飘、软弱、廉价等消极的意向。
纯色调加入黑色可以变成暗色调,暗色调只能隐约显示出各种颜色的色相,色彩属性更弱。
相对而言,暗色调给人的视觉感受更稳重、有品质感,特别适合表现高档、奢华等主题。
色相的明度被减弱后,会给人一种深邃、神秘的印象,暗色调经常给人传递的是庄重、神秘等视觉感受。
暗色调给深邃、高端、阳刚、力量、神秘、奢华、严肃等积极意向,但使用不好也会让人感觉阴暗、压抑、沉重、恐怖、不安等消极意向。
接下来通过案例演示来让大家加深理解四种色调的特点。
打开AI软件,用文字工具输入配色攻略的英文,并按鼠标右键选择“创建轮廓”;从“窗口”菜单中打开“符号”面板,把英文单词拖动到符号面板中形成一个新的符号。
用钢笔工具画出S形的线段,选择“效果”-“3D”-“凸出与斜角”,勾选“预览”,调整凸出方向与厚度:
选择“贴图”,勾选“预览”、“三维模型不可见”,“符号”选择之前新建好的英文,“表面”选择第四个面,把英文翻转并调整大小占满整个面。
选择“对象”-“扩展外观”,右键取消编组两次,可以把英文打散为三个部分,分别给三个部分英文加入纯色的渐变色,形成立体环绕的效果,画面主体就刻画好了:
给画面加入从蓝到红的纯色渐变,为了丰富画面层次,在英文主体下方加入面积较小的色块,沿用背景的渐变色。
最后加入文字排版,进行细节刻画,设计完成。
此案例使用纯色调的配色,纯色调能将色彩本身的视觉属性发挥的淋漓尽致。高纯度的颜色组合,跳跃感十足,具有个性张扬的时尚感和强烈的视觉冲击力。
第二个方案降低饱和度,使用浊色调配色,浊色调是比较中性的色调,不同色相之间相互搭配所带来的视觉感受很缓和,视觉冲击力也明显减弱。浊色调带有几分深沉与暗淡,常用在营造厚重、素雅、朴实、含蓄感的画面中。此方案适当提高了英文主体的明度,使整个画面达到明暗混合的效果。
第三个方案提高色彩明度,使用明色调配色,色感相对被减弱,对比显得很柔和,视觉冲击力也明显减弱,具有年轻、明快的时尚感。给人轻柔纯洁的印象,温馨幸福、甜美梦幻的感觉。
第四个方案降低色彩明度,使用暗色调配色,暗色调只能隐约显示出各种颜色的色相,色彩属性更弱。暗色调给人的视觉感受更稳重、有品质感。
色相、饱和度(纯度)、明度是色彩的三属性,以三大属性为基础形成了不同的色调。本期主要主要针对纯色调、浊色调、明色调、暗色调进行分析,在配色的选择上应充分掌握各种色调的特点,这样才能比较鲜明地表达设计主题。
原文地址:艺海拾贝Design(公众号)
作者: