美文网首页视觉设计
教你如何配色之色彩与色彩的关系

教你如何配色之色彩与色彩的关系

作者: 万一设计说 | 来源:发表于2019-05-18 15:36 被阅读0次

上章

万一哥给大家普及了关于

“配色的视觉要素”

那么

今天万一哥跟大家介绍一下

色彩与色彩之间的关系

作为设计师

我们经常在配色教程上看到

互补色:在艺术色相环里,180度方向的色彩

类似色:在艺术色相环里,90度方向的色彩

.......

所谓的色彩与色彩的关系

其实就是对比与调和的关系

色相对色相,饱和度对饱和度,亮度对亮度

调整它们之间的关系就是

协调好HSB三个视觉要素的对比强弱

例如两个色相H1与H2

在艺术色轮上的角度分别在90°和180°

那么我们可以通过调配

把它们调整为90°和120°

这样两个色相

在艺术色轮上的位置更为靠近

角度度数也变为更小了

对比度减弱

那么当我们知道了色彩之间的关系

同时又有了配色小软件

我们该如何进行色彩之间的调和?

色相的对比和调和

第一步:确定基本色

我们在网络上看到一张颜色很棒的图片

那么我们可以把它吸取下来

作为基本色

所吸取得基本色就会在色轮上显示

那么这也成为我们配色得主色啦

第二步:确定辅助色

在配色当中,确定了主色调

其次,就是要给这个主色配多少辅助色了

但是要注意哦

辅助色越多就越难管理哦

一般配色不超过三种就再好不过了

在配色小软件上有很多的配色关系

你可以选择:互补色,类似色,分割互补色等等

所以在对于配色关系上完全so easy

设计师的妈妈再也不用担心设计师不会配色啦

饱和度的对比和调和

关于配色

不仅仅只有色相的对比和调节

还有饱和度的对比和调和

设计师应该都知道

饱和度由0%~100%度量

所以当色环上面的饱和度过高或者过低

你可以在饱和度上滑块上去调节强弱

亮度的对比与调节

前面讲到色相的对比和调节

饱和度的对比和调节

亮度也是像饱和度的调节一样

从0~100%进行调节

这时候又有小伙伴问了

假如我遇到喜欢的配色该怎么办呢?

这的确是个好问题

我们遇到很棒的作品

很棒的配色

当然不能只是惊叹一声

然后划过优秀作品

这样的话,作为设计师的你

就不能进步了哦!

你要取其精华,去其糟粕

所以我们遇到很棒的作品很棒的配色

要懂得吸取下来

制作属于自己的色卡~

这样等到在工作的时候就不会慌张啦!

我是万一哥,行走在设计行业

欢迎关注公众号万一设计说

下期预告:关于色彩的性格

相关文章

  • 教你如何配色之色彩与色彩的关系

    上章 万一哥给大家普及了关于 “配色的视觉要素” 那么 今天万一哥跟大家介绍一下 色彩与色彩之间的关系 作为设计师...

  • 1.4. 牛逼的电商配色怎么炼成

    1.4. 牛逼的电商配色怎么炼成 1.4.1色彩对比与面积、形状、位置、纹理的关系 一.色彩对比与面积 色彩面积对...

  • 色彩搭配技巧

    服装色彩关系是通过颜色与颜色的相互组合体现的;色彩的关系里的对比与调和是色彩组合设计的重要配色规律,它们表现出来的...

  • 教你如何配色之色彩的性格(一)

    纵所周知 一千个读者就有一千个哈姆雷特 一千个人就有一千个性格特点 竟然人都是有性格的 那么色彩也是有性格的 这时...

  • 教你如何配色之色彩的性格(二)

    前面一篇设计哥跟大家介绍了 关于黑色,白色,红色 橙色,黄色的色彩性格 想必大家多多少少 都对色彩有一定的了解了 ...

  • 色彩与配色

    色彩属性:无彩色:黑、白、灰。有彩色:除了黑白灰以外的颜色。色相:区分色彩种类的名称。明度:明暗程度。纯度:色彩的...

  • 色彩与配色

    这里将简单叙述设计中的色彩,并学习简单的配色方法。属于“课程:平面设计基础”课程内容。(属于余永海@情感设计) 一...

  • 平面设计色彩搭配与平面设计配色技巧直接有哪些关系

    平面设计色彩搭配与平面设计配色技巧直接有哪些关系,色彩搭配该怎么弄?设计过程中如何正确地运用:红、橙、黄、绿、蓝、...

  • UI 设计知识库 [03] 色彩 · 配色

    UI 设计知识库 [03] 色彩 · 配色 目 录 [隐藏] 1 色彩的特征 1.1 色轮 1.2 色彩关系 1....

  • 服装设计-聊聊配色

    可可之前写过一篇(设计师教你读懂色彩)(设计师教你读懂色彩-续篇)的文章,分为上下篇,讲了一些比较常用的配色组合以...

网友评论

    本文标题:教你如何配色之色彩与色彩的关系

    本文链接:https://www.haomeiwen.com/subject/ojetzqtx.html