1. 首页
  2. 笔记
  3. 配色太难?这些配色知识可助你一臂之力!

笔记详情

配色太难?这些配色知识可助你一臂之力!

详解色彩三大特征(色相、饱和度、明度)与同类色、邻近色、对比色、互补色等配色关系,结合色调与配色比例,并推荐5个实用配色网站,助你轻松掌握配色技巧。

作者:CyberExplorer

配色太难?这些配色知识可助你一臂之力!

笔记详情

详解色彩三大特征(色相、饱和度、明度)与同类色、邻近色、对比色、互补色等配色关系,结合色调与配色比例,并推荐5个实用配色网站,助你轻松掌握配色技巧。

点赞
1667
阅读
4

详情内容

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

下面说下有彩色的三大特征,即色相、饱和度、明度: 色相: 色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的:红色、蓝色、绿色…… 饱和度: 色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现: (饱和度由高→低的变化) 明度: 是眼睛对光源和物体表面的明暗程度的感觉,简单理解就是色彩的明亮程度,比如白天和黑夜: (明度由亮→暗的变化) 在 Photoshop拾色器中分别对应: 有彩色的三大特

征:色相、饱和度、明度,三者相辅相成、共同作用,任何一种有彩色都必然存在着这样的特征关系。

相信大家应该能明白三大特征分别代表着什么了,如果还不懂,那就再look、look!在有彩色范围内,不同色相之间存在着一些可遵循的视觉关系,根据这些视觉关系,我们也能得到一些常见的色彩搭配方式,下面我们具体分析: 同类色: 色相环间隔在30°以内的色相搭配,这类配色形式优点:舒服、统一、视觉比较柔和、容易把控。缺点是:冲击性很弱,运用不得当会单调、缺少视觉层次感。所以此类配色方式不易用于对抗、冲击力强的设计作品。

案例展示: 案例中每一幅海报整体给人的视觉感受都很舒服、平缓、易于接受,这也是设计中用到最不容易出错的一种配色方式。邻近色: 色相环相隔90°的颜色称之为邻近色,这类配色方式优点:阳光、活泼、稳定、有一定视觉冲击力、视觉层次感丰富。案例展示: 如图所示,整体视觉层次感丰富、有跳跃性,但同时也很舒服、和谐。对比色: 色相环间隔120°的颜色,这类配色形式优点:视觉冲击力强烈、富有跳跃性、突出、点缀能力强,比如:常用作画面中的点缀色,或与主体固有色成对比关系的背景色,用于突出主体。

缺点:大面积使用比较难把控。案例展示: 如图所示,当对比色的面积较大时,给人的视觉冲击力是很强烈的。而当其中一个色相较少时,点缀、装饰的作用就显现出来,这部分颜色就是画面中容易出彩的部分。互补色: 色相环间隔180°的颜色称之为互补色,色相环上夹角呈现一条直线,互补色的颜色性质相差较大,将这两种颜色相互搭配,就会使这两种颜色都显得更加鲜明,也将视觉冲击力强度提升至峰值!这类配色形式优缺点和对比色很相似。只不过此类视觉冲击力更强也更难把控。

关键信息

内容类型
笔记详情
作者
CyberExplorer
发布时间
2024-08-27 14:50:21
点赞
1667
阅读
4

其他笔记推荐