猜你喜欢

不会色彩搭配?赶紧学会这些基本配色技巧

颜色绝不会单独存在。事实上,一种颜色的效果是由多种因素来决定的:反射的光,周边搭配的色彩,或是观看者的欣赏角度。

颜色绝不会单独存在。事实上,一种颜色的效果是由多种因素来决定的:反射的光,周边搭配的色彩,或是观看者的欣赏角度。



无色设计。无色设计指的是,在配色时只用黑、白、灰色,而不使用彩色的配色方案。黑白色在设计中的作用,正越来越受到人们的重视和关注。黑、白色本身就有一种本体美,它们给人纯净的感觉,在这个色彩的世界里,它们以独特的纯净美吸引我们。


而当把两者按照定的规律放在一起时,由于对比会产生一种秩序美,这些都是我们在设计中常常利用的。


类比设计。类比设计是说,在配色时在色相环上任选三个连续的色彩,进行组合和搭配的设计。

冲突设计。冲突设计,也就是把一个颜色和它补色左边或右边的色彩配合起来。


互补设计。互补设计是说用色相环上全然相对的颜色进行配色的设计。


单色设计。利用一个颜色所有的明、暗配合来进行的设计。

中性设计。把颜色加入一个其补色或黑色使它色彩消失或中性化的配色设计。


①类似色相配色。类似色是色相环中相邻的两种色相,同一色相配色与类似色相配色总体上会给人一种安静整齐的感觉。例如:在柠檬黄旁边使用了深黄色时,当然会给人一种较协调整齐的感觉。采用不同色调的同一色相时,称之为“同一色相配色”;而采用两侧相近颜色时,称之为“类似色相配色”。


当主要基于色相策划了一个配色方案时获得的效果通常会比较华丽明艳。出色的色相配色方案可以营造出整齐的氛围或可以突出各种颜色效果。适当地搭配好补色可以突出显示颜色并给人轻快的感觉;适当地搭配好类似色相,可以获得整齐宁静的效果。


②相反色相,类似色调配色。这种配色方案是采用相反色相类似色调的配色方案。它的特点是,静态的变化效果,效果突出。虽然使用了相反的色相,但通过使用类似的色调可以得到特殊的配色效果。


当使用了纯度比较高的鲜明色调时,所使用色相效果将被突出,从而得到较强的动态效果。当使用了纯度较低的黑暗色调时,即使使用了多种不同的色相也能够得到较安静沉重的效果。


③相反色相,相反色调配色。利用相反色相和相反色调的配色方案,因为采用了相反的色相和色调,所以得到的效果具有强烈的变化感和逆向性。如果说类似色调配色方案能够营造整齐的氛围,那么相反色调配色方案营造出的就是一种强弱分明的氛围。影响这种配色方案效果的最大因素在于所选颜色在整体画面中所占的比例。



利用非彩色和彩色进行配色的方法非彩色主要由白色、黑色以及过渡阶段的灰色构成,在与彩色搭配使用时,它们可以起到突出彩色的效果。通过搭配使用高亮度的彩色和白色以及亮灰色,可以得到明亮轻快的效果。而低亮度彩色和黑色以及暗灰色,可以得到黑暗沉重的效果。


①类似色调配色。类似色调配色是指使用如“清澈”“灰亮”等类似基准色调的配色方案,这些色调在色调表中比较靠近基准色调。相反,色调配色是指使用如“深暗”“黑暗”等与基准色调相反色调的配色方案,这些色调在色调表中远离基准色调。这种配色方案的着重点在于色调的变化,它主要通过对同一色相或类似色相设置不同的色调得到不同的颜色效果。


②类似色相,类似色调配色。使用同一或类似色相的同时使用类似色调的配色方案,在所有配色方案中能够营造出最强烈的冷静整齐感觉。但当使用了极为华丽鲜明的色相时,也可以得到强烈变化的感觉。


③类似色相,相反色调配色。这种配色方案主要使用同一或类似色相的相反色调,可以在保持整齐、统一感的同时做到更好的局部突出效果。


按照一定规律逐渐变化的颜色,会给人一种富有较强韵律的感觉。渐变可以分为色相渐变和色调渐变。


通过向颜色与颜色之间插入一个分离色,可以得到强弱分明的配色效果。通常分离色使用白色或者黑色等非彩色,主要用于需要分辨开但颜色差异本身不太明显的配色环境中,还可通过插入到两个对比过于强烈的颜色之间来达到缓冲效果。分离配色与渐变配色相同,也是基于颜色排列方式的配色方案。


重点配色只使用一个颜色强调突出效果的配色方案,一般使用与整体颜色截然不同的特殊颜色实现这种效果。这就好像老师批改作业时通常都用红笔样,截然不同的颜色可以起到极高的强调作用。


给设计师的前端课
© 2021 配色卡 版权所有 联系/建议 苏ICP备18017343号
友情链接: 免费字体 提案神器 特殊字符 全栈学院 开发小程序 设计规范 闪电教育 IT狗导航 PP酱 字体设计 繁体字 字符大全 简历下载