配色教程 

2016-10-19 10:46 发布

2239 0 5
本文经授权转载自Tani的绘图空间(ID:Tani-Studio)
作者:Tani-studio小绘

c0754909ee32f1eafee4be35d1406898.jpg


在我们的眼睛里
有许许许多多的感光细胞包括视杆细胞和视锥细胞视杆细胞让我们看到光纤和运动而视锥细胞让我们看到色彩
人类拥有红绿蓝三种视锥细胞能看到根据这三种颜色 衍生出的N多种颜色
而学设计的人需要对色彩保持一定的敏感度也就是要学会配色
世界上一些著名的艺术作品中,配色都是很讲究的一门学问
不单单实在建筑中

b28235fe406e5959e56f0b289465212d.jpg

动画作品中

e32d1ba0795765c25a53e2bf827af860.jpg

油画作品中

9e3f4ba1c739e8a3cadc5a6e1a00b064.jpg

甚至连摄影作品都需要讲究配色之道

ce87d689829565b9a82bd50bba2a4008.jpg


9875cf65d635bcc69652bd7e79de98a3.png
单色,简单点讲就是单一色系的搭配,并不是指只一种颜色,而是要在深浅、明暗或饱和程度上有所变化,才好形成层次感,不会显得死板。


0c00476bd8f99cc567bb99099c9c23b7.gif

先在这里乱入了一张单色搭配图 <( ̄︶ ̄)↗黑色的皮裤+机车款上衣+墨镜,属于帅气的机车风格。 上衣的前襟运用拼接设计,与裤子和鞋子的面料呼应,一身的黑色富有层次感。

1cb4923df743c9faaf1b3f4038986a9f.jpg


ec505b2ba810dbb0fa03471cc7fb8c12.png
色环上相对的两种颜色,被称为互补色。放在一起,会形成对比效果。比如蓝色和橙色、红色和绿色、黄色和紫色等。

a3e2184f9a5561f29ec931b10574c3c5.gif

但是要切记,在文本中不可以用互补色,否则,后果很严重

e10cb0c3f0a26ce468c809aa52f31637.jpg


1e8875fbd42d89008e9d6d6dd4b310b6.png
如果要寻找三种颜色,其中二种互相类似,另一种与它们形成对比,则可以选取互补色两侧相邻的颜色。分散互补色搭配是初学者很好的选择,怎么搭都很好看。

0db514d9ca96d85e841aea8dea40e160.gif

红、深蓝与浅蓝搭配,完美突出对比感而画面却十分和谐好看

0c0a0c2d2a5203eecdf4c24f6acac25b.jpg

7b6bf508e1e051c0a5c87ff6705e5ee7.png
色环上任意三个相邻的颜色,被称为类似色。通常认为,它们放在一起会很和谐

a415698f2fd930e252121ad178e9edad.gif


6876291caff823727a6b56f61af3710c.jpg



82943e59a2eb75830e5ae7067e91aa98.png

http://nipponcolors.com/
Nippon Colors 是一个以收录所谓日本传统色系为主的网站,前前后后共250种颜色,是经过日本历史文化长时间淬练而来的。每种右侧会显示当前颜色的色彩名称及色彩值,以供参考。

1664749f8a8770439914ca1707a68aaf.jpg

比较特别的是右侧有一个「Munsell」也就是「曼塞尔色彩体系」选项,将它开启后会变成动态模式,利用色彩里的明度、色相和采度三个维度来描述颜色,你可以看到相当酷炫的动画效果

4de7d1e079321faa539ac832566fb62e.jpg


http://www.0to255.com/0to255 是一個可以幫我們搭配相近顏色的免费服务网站,该网站最大的方便之处就是可以自动将颜色复制至剪贴板。你可以选择搜索某种颜色或者任意颜色
75eea7daaba75e49228189241449c5ca.jpg

鼠标直接点击想要的颜色就会自动复制到剪贴板中

dd91ccfb506e145edaf3439b8419b46c.png

打开ai直接粘贴到拾色器中就可以了~

c00666168f2feb8af274e603421dfeec.png

http://coolors.co/
Coolors 是一个超级简粗暴的配色方案生成器,一次只生成一种方案

2f95cd6f8c78d37cac830ec8ccddcbae.jpg

通过敲击「空格键」来查看不同的配色方案;点击色块可以锁定当前颜色,以查看其他关联的配色组合,你也可以指定一个颜色,点击色块下方的 HEX 颜色值即可直接编辑

3c0e3fa750864774a8740ec07eb347e4.jpg

有了这个网站,妈妈再也不用担心我不会配色了(。^▽^)

最后送大家一个大色环压压惊吧

ecf0bd582728c494ddb416fcdd2bb8ed.jpg



END

扫描二维码即可关注

298860294321134071.jpg


分享本文,每次被点击增加您在本站积分: 2红宝石
B Color Smilies
配色教程 
帅的人都用微信扫了!
联系
我们
快速回复 返回顶部 返回列表