设计主页 > 平面设计教程 > 平面理论教程 >

帮你做出抢眼设计的20个对比设计原则

优设 / @喪心病狂十六夜貓 时间:2016-08-08 09:00

编者按:可能是「对比」技法的最全面学习指南!对比是设计四大原则之一,可以增强吸引力,起强调作用,学会运用这个技巧非常重要。今天@喪心病狂十六夜貓 这篇好文总结了20个利用「对比」做出亮点设计的方法,每一个都有实例演示,好学易上手。

如有翻译错误之处,还望不吝赐教。

在设计中的对比度(英: Contrast)是指,黑与白,大与小等等之类的差异性。

然而在实际的对比中,你需要从全部的项目上去思考,这是设计的重要原则之一。对比是为了将设计中的重要元素进行分类整理,然后按照不同的重要阶层来传递给读者。设计的重点,不仅仅是为了传递出焦点(英: Focal Point),也要给用户带来视觉性的趣味。相同大小的形状,颜色按照布局并列的放在一起,可能会让你觉得无聊。但是,如果在这之中加入对比,设计立马就变得有趣起来了。

当然很多的设计概念是相同的,平衡对于对比来说也是非常重要的。如果对比度太高,做成之后就变得混乱,视线就不能马上落在重要的东西上了。

那么,灵活运用对比的秘密究竟是什么呢?令人悲伤的是,并没有那样完美的魔法公式。就像学习设计技巧一样,学习的过程往往是无意识的积累案例的过程。这是设计师们所拥有的不可思议的力量,所以千万不要放弃。我们可以将与对比有关的项目情报进行整理,为了加上视觉的趣味性,成为谁都可以利用的设计工具。这需要有哪些需要注意的点与技术呢?这次就让我们一起来看一看吧。

详细从以下开始。

01 将色彩的明暗增加对比

 

ym201608072

值(英: Value)是指,色彩的亮度或者暗度的表示用语。使用白色和黑色,可以做成无数的对比值(英: Contrasting Value)。但是,当作成对比度强的设计时,也就没有必要使用黑色和白色了。通过调整色彩的明暗度来增强对比使设计中的一部分变得可见是最简单的技术之一。

在下面的这个设计案例中,在照片上配上文字会使其变得难以阅读,在白色的文字上添加紫色到蓝色的渐变色,就成了一个很好的对比。

ym201608073

02 利用色相,色调增加对比

ym201608074

色相,色调(英:Hue)是指,在从很久以前就开始使用的12色色轮中,所选择的特定的颜色名称的绘画用语。但是这种色彩的原理,不管是绘画还是网页设计,都可以去利用他。不知道从什么世纪开始,为了创建出对比的组合,画家们就开始利用色轮上的对比色了。

1. 互补色(英: Complementary):他指的是选择色轮上面对面的那一组颜色,例如红和绿,蓝和橙。互补色的特点是高对比度,所以如何掌握颜色之间的平衡,也就成了难点。

在下面的设计案例中,使用了简单的互补色,他看起来非常的有吸引力,他将图像中的各种情报都整理的很好,是非常具有实际意义的设计案例。

ym201608075

2. 分散互补色(英: Split-Complementary):它指的是选中主色之后,分布在主色对面的互补色两侧相邻的颜色。这种配色有较强的视觉对比,可以设计出有着强烈碰撞的设计效果。

3. 三色系(英: Triadic):它指的是选中主色后,以主色画一个等边三角形的配色方案。

当你在使用色轮进行设计时,我们要有“没必要只是用纯色”这样的念头。在越来越多的实践中,不断的去尝试提高降低颜色的明度和各种各样的颜色组合,来表现出最棒的对比效果吧。