这篇设计配色干货,0基础也能让你做出好作品

配色一直是设计圈子里的热门话题,是我们作为设计师必须要掌握的一门重要技能,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。比如:红色、橙色、黄色等暖色系的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效地相互结合,往往能做到 1+1>2 的视觉效果。

色彩的特征

在设计中,色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰;有彩色则是除无彩色之外的颜色。有彩色的三大特征,即色相、饱和度、明度。

色相:色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的红色、蓝色、绿色……

这篇设计配色干货,0基础也能让你做出好作品

饱和度:色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现。

这篇设计配色干货,0基础也能让你做出好作品

△ 饱和度由高→低的变化

明度:是眼睛对光源和物体表面的明暗程度的感觉,简单理解就是色彩的明亮程度,比如白天和黑夜。

这篇设计配色干货,0基础也能让你做出好作品

△ 明度由亮→暗的变化

在 Photoshop 拾色器中分别对应:

这篇设计配色干货,0基础也能让你做出好作品

有彩色的三大特征:色相、饱和度、明度,三者相辅相成、共同作用,任何一种有彩色都必然存在着这样的特征关系。相信大家应该能明白三大特征分别代表着什么了,如果还不懂,那就再看看。

色彩之间的关系

在有彩色范围内,不同色相之间存在着一些可遵循的视觉关系,根据这些视觉关系,我们也能得到一些常见的色彩搭配方式,下面我们具体分析:

这篇设计配色干货,0基础也能让你做出好作品

同类色:色相环间隔在 30° 以内的色相搭配,这类配色形式优点是舒服、统一、视觉比较柔和、容易把控。缺点是冲击性很弱,运用不得当会单调、缺少视觉层次感。所以此类配色方式不易用于对抗、冲击力强的设计作品。

案例展示:

这篇设计配色干货,0基础也能让你做出好作品

案例中每一幅海报整体给人的视觉感受都很舒服、平缓、易于接受,这也是设计中用到最不容易出错的一种配色方式。

这篇设计配色干货,0基础也能让你做出好作品

邻近色:色相环相隔 90° 的颜色称之为邻近色,这类配色方式优点是阳光、活泼、稳定、有一定视觉冲击力、视觉层次感丰富。

案例展示:

这篇设计配色干货,0基础也能让你做出好作品

如图所示,整体视觉层次感丰富、有跳跃性,但同时也很舒服、和谐。

这篇设计配色干货,0基础也能让你做出好作品

对比色:色相环间隔 120° 的颜色,这类配色形式优点是视觉冲击力强烈、富有跳跃性、突出、点缀能力强,比如常用作画面中的点缀色,或与主体固有色成对比关系的背景色,用于突出主体。缺点是大面积使用比较难把控。

案例展示:

这篇设计配色干货,0基础也能让你做出好作品

如图所示,当对比色的面积较大时,给人的视觉冲击力是很强烈的。而当其中一个色相较少时,点缀、装饰的作用就显现出来,这部分颜色就是画面中容易出彩的部分。

本文转载自,原文链接: ,本文观点不代表125jz立场。

(1)
江山如画的头像江山如画管理团队
上一篇 2020年2月18日 下午9:00
下一篇 2020年2月19日 下午7:24

99%的人还看了以下文章

  • 网页上标准的广告尺寸规格大全

    网页中的标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展…

    2020年3月11日
    7.7K0
  • 网页设计中字体运用的12个技巧一超实用!

    文字、文本排版是日常网站设计工作中经常用到,看似简单的文字,实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格,人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢,了解你的目标人群,知道你文档的用途,选择一类字体,使用你的目标人群所期望的字体,是你的文档的用途所需要的字体。 更多请阅读:网页设计字体篇:字体的性格 2. 避免使用默认字…

    2019年10月26日 网页设计
    5.2K0
  • 董文利聊颜色搭配-节日经典配色

    网页设计师联盟优秀设计师董文利,董老师系列教程分享,聊颜色,特别是按节日给出的经典配色,牛** 董文利一名靠谱平面设计师/网页设计师/插画设计师。典型80后,爱绘画,玩音乐,不做设计的时候喜欢独自一个人在家附近的江水旁静静的坐上一小会儿。2011年毕业于湖北工业大学艺术设计学院,所修专业是平面设计。

    2021年2月4日
    10.9K0
  • 第1章 网页设计与制作基础

    1.1 网站与网页1.2 网页相关的概念1.3 网站制作基本流程1.4 网页设计制作工具

    2018年3月15日
    5.1K0
  • 网页设计字体篇:字体的性格

    优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者,传情达意正是字体设计的意义所在

    2019年10月23日 网页设计
    4.8K0

发表回复

登录后才能评论