网页设计 » 视觉设计 » 配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

发表于: 视觉设计. 评论
Sponsor

前言:上次我们说了想要成为一个好的设计师配色很重要,那么我们今天接着上次多的配色技巧篇继续延申分享,让大家继续来到趣味文章的来,用最接地气和简单语言来帮你把生涩的配色搞定。

配色没那么复杂,简单配色技巧(二)

上次写了一篇《简单配色小技巧(一)》好像听说被大家所期待了,十分感谢,给予了我非常大的鼓励,我又迫不及待地来更文啦。

第二篇,希望继续能够帮助有需要的同学。

配色没那么复杂,简单配色技巧(二)

么 么 么

大家先来看看这2个好玩的配色

仔细看,哪个颜色在前,哪个颜色在后?

配色没那么复杂,简单配色技巧(二)

我们来分析一下

前进感和后退感随着色彩色相、明度和彩度的不同,所得到的感觉也不同。暖色像的高明度比冷色相更具有前进感所以:

暖色相的黄色更具有前进的感觉,冷色相的绿色更具有后退的感觉那么,为什么要举这个例子那因为我们平时的配色要考虑到色彩对比很神奇的哦~~~~~~~继续往下看。

1.明度对比

如果周围的色彩是鲜明或者灰暗的,本身看上去也会有鲜明或者灰暗的感觉。

配色没那么复杂,简单配色技巧(二)

中间的灰色是同一个色值,但是放在白色背景的灰色方块明度变暗了,而放在黑色背景的则变亮了。

配色没那么复杂,简单配色技巧(二)

2.色相对比

随着周围色彩的不同,色相看上去也有很大的不同。

配色没那么复杂,简单配色技巧(二)

中间的绿色是同一个色值但是放在左边黄色之上有碧绿的色调,但是放在右边蓝色之上有蓝色的色调。

3.彩度对比

周围色彩的明亮不同,看上去本身的明亮也会有所不同

配色没那么复杂,简单配色技巧(二)

中间的蓝色是同一个色值,但是放在左边看上去没有朝气,右边的蓝色就显得很分明又强烈。

4.补色对比

在色相环上180度相对立的两种并置产生的对比效果。

配色没那么复杂,简单配色技巧(二)

中间的青色是同一个色值,但是放在左边红色的补色上显得更加强烈而右边的则不够分明。

我们在补脑一下色相环张这样哈!

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

那么,看了这么多是不是该运用了那?

首先我们要了解什么是配色的均衡,配色的目的是使得画面整体符合人的色彩感知,有秩序的色彩组合,往往能够使人产生愉悦的视觉享受,利用色相明度饱和度之间的对比与面积比例的变化调整色彩的统一与变化,从而达到配色的均衡。

举例说明

1.单色表现-暖色

配色没那么复杂,简单配色技巧(二)

由于色相种类比较少,很容易使得画面变的稳定,我们可以通过明度和饱和度的变化达到均衡。

举例说明如下

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

2.类似色相配色

冷色系

配色没那么复杂,简单配色技巧(二)

运用色相环中相近的色彩进行搭配,更容易使得画面配色达到均衡。

举例说明如下

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

暖色系

同上

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

例如,这样的:

配色没那么复杂,简单配色技巧(二)

还有这样的,是不是很有逼格、逼格、逼格

配色没那么复杂,简单配色技巧(二)

继续往下看

3.双色相配色

配色没那么复杂,简单配色技巧(二)

色相差异较大的配色,是用彩度的色相差异进行强烈的对比 。

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

继续666

4.三原色配色

首先我们来脑补一下,什么是三原色,光线三原色 、印刷三原色,都有什么区别

配色没那么复杂,简单配色技巧(二)

(光线三原色,加色法)

主要是人眼感受的色彩,用于我们常用的电脑、手机等电子设备

or

配色没那么复杂,简单配色技巧(二)

(印刷三原色,减色法)

用于印刷品展现的色彩,三色彩配色也是最高的强烈对比的配色

(当然我们平时在运用的时候可以增加中间的协调色)

配色没那么复杂,简单配色技巧(二)

举例说明

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

(在国内,很多电商平台的促销广告会运用非常强烈的色彩对比来吸引购买者)

配色没那么复杂,简单配色技巧(二)

5.白色和黑色背景有彩色的配色

配色没那么复杂,简单配色技巧(二)

这类在无彩色中,使用有彩色的方法,可以强调有彩色的印象,会提高色彩的视认性。

举例说明

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

配色没那么复杂,简单配色技巧(二)

END

以上是2期《简单配色小技巧》的第二期

好啦,第二篇终于如约而至的分享给大家了,怎么样,有没有被本作者简单粗暴的语言所迷倒呢,不~不~不,还是不要自恋了,说正事,看完这两篇关于配色的文章你是否也是收获了很多了呢,赶紧收好小本本去练习一下吧。咋们下期见。

作者 | Zeal庄治柱。
站酷主页 | zhuangzhizhu.zcool.com.cn

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }