来源:站酷 作者:Healan
对比并不仅仅只是黑与白或大与小
对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。如果一项设计中的所有元素都是相同的尺寸、相同的形状颜色,那么看起来就会十分枯燥,但加入一点对比就全然不同。
但是,与大多数设计概念一样,在运用对比的时候一定要记住掌握平衡。正所谓物极必反,太多的对比元素会导致混乱甚至是不和谐的视觉效果,如果你在所有设计元素中都使用了对比,反而会突不出重点,倒不如一开始就不用对比。
那么怎样才能恰如其分地运用对比,提升设计品质呢?很遗憾,并没有什么万能公式可供套用,因为它是在设计过程中不知不觉体现出来的。你可能会觉得这听起来像是某种只可意会的独家秘方,实际上并非如此,对比是所有人都能学会的组织和增添视觉趣味的设计工具,想要知道其中的技巧就接着往下看吧。
如何在设计中加入对比
01.亮暗色的对比
色值是用来表示颜色亮暗程度的单位,纯白和纯黑是极限值。但是你并不一定要用黑白来创造强烈的对比,一点点色彩的亮暗对比就能让设计中的某些部分更突出。
举一个简单的例子,比如暗的文本搭配亮背景,或用亮文本搭配暗背景,就像下图这个设计一样。图片上的文本很小,原来应该很难辨认,但设计师巧妙地将文本调成亮白色,背景调成暗的蓝紫色,于是一下子就把文本凸显出来了。
02.色调的对比
色调是画家用来称呼某一种特定颜色的术语,也就是色环上的十二种颜色之一。这种色彩理论对图片和网页设计也十分有用,我们可以借鉴这种画家用来制造强烈对比的方法来进行设计。以下是一些经典色彩搭配的色环。
•互补色(complementary):色环上相对的颜色,比如红和绿或蓝和橘;互补色具有高对比性和高密度性
下图这个徽章使用了简单的对比色来创造醒目的视觉效果,同时也将设计分成几个不同的部分。
•分散互补色(Split-Complementary):由色环上的一种基本色和与该基本色的互补色相邻的两种颜色组成。这种色彩体系仍具有强烈的视觉对比性,但是没有互补色搭配那么夸张。
•三色系(Triadic):任何在色环上均匀分布的三种颜色。
要记住你没有必要使用这些色调的最纯色,就像我们在色环图中会发现有些颜色搭配起来其实并不协调,选择一些更深、更浅、更柔和的颜色对现实生活中的设计可能更加实用,但是你也可以借鉴其中一些好的搭配。
03.色温的对比
颜色可以根据色温分成几个类型:暖色、冷色和中性色。红、橘、黄属于暖色;蓝、绿为冷色;黑、白、灰为中性色(在某些情况下淡棕色和棕色也属于中性色)。在设计种加入不同色温的颜色搭配可以创造出强烈的对比效果,特别是冷色和暖色搭配。
例如,这个网页设计运用了浅蓝色和亮黄色这两种属于不同色温的颜色来进行对比。这能够唤起消费者的行动欲,而且也使主要画面得到有效突出。由于这两种颜色都偏冷调,而且都略微带点绿,使得整个设计在强烈对比的同时还具有衔接性。
04.色彩强度的对比
色彩强度也叫作色彩饱和度。当颜色达到最纯最亮的时候,我们就说这种颜色100%饱和,而如果一个颜色越灰它就越不饱和。亮色和暗色无论是单独还是搭配使用都能有效地在设计中形成高低对比。亮色总能吸引人的注意,尤其是当它以黑色为背景的时候,因此你可以用亮色来强调设计中的重要部分。
下图的网页设计就恰恰做到这一点,橙红色的文本在灰绿色背景的衬托下显得尤为突出。这其中不仅仅使用了醒目的互补色,还加入不同级别的饱和度来增强对比效果。
05.形状的对比——有机形状和几何形状
大部分形状可以分为几何形状(椭圆形、三角形、圆形等)和有机形状(液态形状和自然启发的形状)两大类。规整的几何形状可以和有机形状的曲线等不对称线条形成很好的对比。
下图的商标设计融入大量有机的抽象形状,对整齐的文字排版进行补充和突出。
06.形状的对比:棱和角
另一种形状对比的方法就是在字体或边框等设计元素的棱角中运用一点形状。圆润的形状使设计看起来更柔和、更随意亲切,而尖锐的形状看起来就更整齐干脆。你可以结合二者来创造对比,下图就结合文本运用了这种对比。