首页 | CG软件 | CG信息 | CG教程 | 三维作品 | 设计理论 | CG加油站 | 设计鉴赏 | 社区图库 | Flash | 专题 | 顶客 | 论坛 | 博客 | 导航 | 下载 | 高级搜索
RSS
热门: 3D Total  RPC  Evermotion  效果图  创意  装修  优秀作品  Vray  艺术  欣赏

基于色相的配色关系-类似色调

来源:网络收集 作者:佚名 时间:2007-09-17 点击:
类似   关系   色调   色相   配色  

相反色相,类似色调配色

色相环 色调表

这种配色方案是采用相反色相类似色调的配色方案。

虽然使用了相反的色相,但通过使用类似的色调可以得到特殊配色效果。而影响这种配色方案效果的最重要的因素在于使用的色调。

  • 当使用了彩度比较高的鲜明色调时,所使用色相效果将被突出从而得到较强的动态效果;
  • 当使用了彩度较低的黑暗色调时,即使使用了多种不同的色相也能够得到较安静沉重的效果,这是因为使用暗色调时色相的差异也会变得不太明显。

相反色相、类似色调配色方案的特点:静态的变化效果。

  • 补色与相反色相配色:强调效果,轻快的气氛;
  • 类似色相配色:整齐、安静的感觉。

配色实例

R 228 R 49 R 246
G 149 G 154 G 204
B 57 B 214 B 87
#e49539 #319ad6 #f6CC57

背景色中的黄色与人物中的蓝色构成了相反色相配色,但通过使用类似色调宁造出了安静平和的氛围。

配色辞典

R 102 R 255 R 255
G 204 G 255 G 102
B 204 B 102 B 204
#66CCCC #FFFF66 #FF66CC
R 204 R 204 R 255
G 204 G 255 G 153
B 255 B 153 B 153
#CCCCFF #CCFF99 #FF9999
R 0 R 255 R 255
G 153 G 204 G 153
B 51 B 0 B 153
#009933 #FFCC00 #FF9999
R 0 R 255 R 102
G 153 G 153 G 0
B 153 B 51 B 102
#009999 #FF9933 #660066
R 204 R 153 R 153
G 51 G 204 G 0
B 51 B 0 B 204
#CC3333 #99CC00 #9900CC
R 153 R 51 R 255
G 204 G 0 G 153
B 0 B 102 B 0
#99CC00 #330066 #FF9900
R 204 R 204 R 153
G 204 G 102 G 204
B 102 B 102 B 102
#CCCC66 #CC6666 #99CC66
R 102 R 204 R 153
G 102 G 102 G 153
B 51 B 51 B 51
#666633 #CC6633 #999933

分析颜色

每一种颜色给我们的感觉都会有所不同,但是要具体说明有何不同却又是一件困难的事情。如果有一个能够合理客观地分析出这种感觉差异的标准,那么就可以利用它说明这种感觉上的差异了。

我们不再用如“强烈”、“柔和”等形容词表达对颜色的感受,而是对颜色进行打分,打分时则利用如下所述的标准:

(-3,1)
动态                      静态
非常  有些  一点  没有  一点  有些  非常
■────╂───╂───╂───╂───╂───┨
-3  -2  -1   0   1   2   3
生硬                      柔和
非常  有些  一点  没有  一点  有些  非常
┠────╂───╂───╂───■───╂───┨
-3  -2  -1   0   1   2   3
(-3,3)
动态                      静态
非常  有些  一点  没有  一点  有些  非常
■────╂───╂───╂───╂───╂───┨
-3  -2  -1   0   1   2   3
生硬                      柔和
非常  有些  一点  没有  一点  有些  非常
┠────╂───╂───╂───╂───╂───■
-3  -2  -1   0   1   2   3
(2,-3)
动态                      静态
非常  有些  一点  没有  一点  有些  非常
┠────╂───╂───╂───╂───■───┨
-3  -2  -1   0   1   2   3
生硬                      柔和
非常  有些  一点  没有  一点  有些  非常
■────╂───╂───╂───╂───╂───┨
-3  -2  -1   0   1   2   3
(0,2)
动态                      静态
非常  有些  一点  没有  一点  有些  非常
┠────╂───╂───■───╂───╂───┨
-3  -2  -1   0   1   2   3
生硬                      柔和
非常  有些  一点  没有  一点  有些  非常
┠────╂───╂───╂───╂───■───┨
-3  -2  -1   0   1   2   3

在打好分之后,将得到的“动态(Dynamic)——静态(Static)”值作为横坐标分值、“生硬(Hard)——柔和(Soft)”值作为纵坐标分值,在XY二维坐标系中找出相应的点。

                柔和
  ■--------------┯3
  |              │
  |              │
  |              │
  |              │
  |              ■2
  |              │
  |              │
  |              │
  |              │
  ■--------------┿1
  |              │
  |              │
  |              │
  |              │
动态┠────╂────╂────╂────╂────╂────┨静态
 -3   -2   -1   0│    1    2    3
                 │         |
                 │         |
                 │         |
                 ┿ -1      |
                 │         |
                 │         |
                 │         |
                 │         |
                 ┿ -2      |
                 │         |
                 │         |
                 │         |
                 │         |
                 ┷ -3------■
                 生硬

红色会给人一种动态的感觉,蓝色会给人一种静态的生硬的感觉,黄色给人一种柔和的动态的感觉,而绿色虽然也是较柔和的感觉,但它不会给人动态的感觉也不会给人静态的感觉。

这就是Color Image Space的基本概念。

单色印象空间

印象究竟是什么?

简单地说,印象就是人们对某一个事物的感觉。所以为了分析人们对某一事务的印象,就必须事先了解人们的内心世界,在需要的时候,或许还需要研究人员与被测试人群进行单独的交流。此时的研究人员会尽可能地引导被测试人员通过语言表达自己的感觉,再通过对语言的推理的出具体的印象。但这种方法需要耗费较长的时间,而且很难得到具体可靠的数字资料。

为了更科学更广泛地分析人们对物体的印象,人们通常使用SD方法(Semantic DiFFerential Method)。前面我们进行的测试(对颜色进行打分)就属于SD方法的范畴。

有人曾经进行过如下的测试:

精心筛选出能够表达人们对颜色的感觉的多个形容词,然后利用SD方法对不同工作、生活环境中的1000个人进行了相关的测试,用于测试的颜色是色相&色调(Tue & Tone)表中的116种不同的颜色。“单色印象空间”就是对这次测试的数据进行科学整理后得到的结果。从结果可以获知,人们对颜色进行评价时,最习惯使用的4个形容词是“柔和(Soft)”、“生硬(Hard)”、“动态(Dynamic)”、“静态(Static)。

将这两类印象的取值分别作为二维坐标系上的横纵坐标值得到的点的集合就被称为“单色印象空间”。

比起色相(Hue),人们对颜色的印象更大程度地取决于色调(Tone)。这主要表现为鲜明的色调通常给人柔和、动态的印象,阴暗的色调给人生硬的印象等等等等。

单色印象空间

配色印象空间

我们在设计网站或者广告的时候,绝对不会仅仅使用某一种颜色,通常都需要搭配使用多种颜色来获得较好的配色效果。而为了对这种多种颜色的混合使用进行评价,就需要引入新的分析方法——配色印象空间。

为了得到“配色印象空间”的具体形状,又利用SD方法进行了相应的测试。其中,“配色印象空间”的纵横坐标值同样是柔和——生硬、动态-静态。

调查结果发现,在“配色印象空间”中:

  • 给人静态柔和感觉的,通常都是隐约柔和颜色之间的搭配;
  • 给人动态柔和感觉的,通常都是鲜亮颜色间的搭配;
  • 给人动态生硬感觉的,通常都是鲜亮和浑浊暗淡颜色之间的搭配;
  • 给人静态生硬感觉的,通常都是灰冷颜色之间的搭配。

在“配色印象空间”中,相距较远的颜色之间的印象会有较大的差异,而距离较近的颜色之间的印象会比较相近,也就是说颜色间的距离与印象的差异程度成正比关系。

配色印象空间
点击放大!
形容词印象空间
点击放大!

利用Color Image Space分析颜色

假设打印出一个“配色印象空间”和一个“形容词印象空间”形状的胶片,此时位于相同位置上的颜色和形容词可以说是具有相同的意义,也就是说,位于“配色印象空间”A位置上的颜色完全可以用“形容词印象空间”A位置上的形容词来形容。通过这种方式比较颜色与形容词,设计师们就可以判断出不同颜色给人感觉的不同,也就可以由此策划出一套科学客观的配色方案。

假设我们正在设计一个少儿主题的站点。

当决定好站点的主题风格为“可爱、快乐”之后,查找这些形容词在“形容词印象空间”中的位置,然后确认在“配色印象空间”中同一位置上的颜色,站点的设计中就可以重点考虑使用这些颜色了。但并不是说只能使用这些颜色,而是应该在以这些颜色为主流的同时适当地使用一些其他颜色。因为决定好配色的主颜色后,就可以轻松地找到可以与主颜色进行较好搭配的其他辅助颜色。

需要注意的是,在形容词印象空间中,不应该将一个形容词理解为空间中的一个点,而应该将形容词理解为以该点为中心向四中扩散的范围。例如,“温和的”形容词所在位置中的颜色具有最强的“温和的”感觉,而以该点为中心向四周“温和的”感觉逐渐减弱。所以在利用形容词印象空间决定配色方案时,应该充分分析其周围的相关形容词。


本文地址:http://www.cg3000.com/html/cgTheory/Designbasis/20070917/jiyusexiangdepeiseguanxi_leisisediao_2367.shtml
上一篇:广告语的创作
下一篇:平面设计配色-清新
关键字:迅雷 快车 Baidu 色相 配色 关系 类似 色调
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
图腾CG联盟免责声明:本网站转载纯粹出于为网民传递更多信息之目的,无任何商业目的。如本网站转载稿件涉及版权等问题,请作者速来函admincg3000@163.com联系,在此,我们首先向您表示诚挚的歉意,并将尽快予以改正。本网站上发表的内容只代表作者本人之观点,本网站只出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。
赞助广告