我喜欢上了渐变色

如果你愿意进行广泛的色彩练习,并且不局限于一种颜色,那么你可以尝试在设计中添加渐变。

2018年12月13日

如果你愿意进行广泛的色彩练习,并且不局限于一种颜色,那么你可以尝试在设计中添加渐变。试一试,感觉如何?单色和渐变色,更喜欢哪一种?

我为Tubik studio做的一些概念设计。第一个代表每个形状的渐变,第二个只有填充

当然,你找不到适合所有需求的正确答案。 此外,有很多方法可以从这两种方法中学到东西。 这就是为什么我想分享使用渐变的原因。

首先,让我们唱Justin Timberlake的歌并学习一些基本原则:

显然,在两个物体上同时使用渐变是不合适的, 你可以发现在这种情况下很难达到你想要的效果, 字和背景都很抢眼,这两个的关系就互相矛盾了。

对于第一个选项中的背景渐变,你可以看到有多种颜色,而实际上渐变的基色中只有3个色点 :青色、鲜艳的洋红和橙色。

在以下示例中,背景渐变中有柔和的颜色。 过渡非常柔和,你注意不到它们之间的新颜色。

当创建的背景颜色很淡的时候,白色字体不是很突出。 当然,如果你需要相反的结果,通过降低不透明度可以增强它。 但不要忘记,你应该经常检查对比度。

在这里,背景渐变是使用一种颜色(深蓝色)创建的,它的渐变色是浅蓝色。 这是一种安全的选择方法,你选择一种颜色,然后寻找渐变色,阴影或色调。 虽然在这种情况下你不会出现错误,但在情感表达方面相对弱一些。 这种类型的渐变看起来太平静。 想想这是否是你在设计中想要表达的情感。

明智的选择,这是我最喜欢的! 用两种颜色,相当密集,创造了强烈的渐变。 与白色文本的对比相当完美。这样看会使心情很愉悦。

如果你需要引起人们对某个区域的注意,不要害怕使用强烈的色彩,这样你才能获得一个大胆,独特的解决方案。

感谢Justin Timberlake的一首好歌,我们正在进一步学习渐变。

渐变范围

为什么我们倾向于在设计中使用渐变色? 简单的解释是,渐变为您的工作带来了更加生动的画面。使看到的颜色转变也更加自然,因为在我们周围的世界,我们观察到的颜色也是这样的。

下面的例子中展示了在web中使用渐变的不同方法。

在任何时候最好的例子之一:条纹。它展示了如何在B2B中使用渐变。 让页面的一半具有渐变而另一半遵循简约方法,从而实现平衡。

另一个经典的Mixpanel网站,它反映了背景上柔和的渐变以及详细插图的结合。 插图在页面上起主要作用,而背景则是对它们的补充。 同时,CTA按钮是实心的,与背景形成鲜明对比,因此能引起了我们的注意。

纪念碑谷的创作者使用渐变来突出显示信息。 虽然在整个页面上没有太多的元素可以分散注意力,但这条标语在此刻却吸引了你的注意力。

你看,即使这项服务是真的想要在世界范围内流行起来,它仍然不会害怕使用这种游戏元素作为它的渐变。

美观整洁

寻找颜色来创建渐变有时我们会得到不美观的结果。 这是因为我们一开始没有选择纯净的颜色吗?

是的, 如果你采用了一对互补色(你好Itten 色轮),你可能会看到那种看起来很糟糕的颜色过渡。 看看第一行。

中间的颜色看起来很脏,迈克尔斯科特很伤心。 在这种情况下,您可以更改其中一种主要颜色(1和2列)或在中间添加一个点,将阴影变成清晰的颜色点(3列)。 这样很简单!

S代表平滑

有一次,你创建了一个渐变并注意到-Hm之间有一些线,这不能确定它是否是正常的。

当你得到这样的结果时,你不一定非得调整,但是调整之后,渐变可能会更平滑。

为了达到这个效果,你应该花一些时间将点添加到渐变的中心区域,并稍微将它们从中心移动到顶部/底部。同样,每次从中心进一步添加点时都要进行迭代,并以相同的方式移动。重复这些操作,直到你看到行消失。然后,这样渐变就能平滑一点。

替代方案

如果你仍然不想宣布“我相信渐变颜色”并且不想称它为渐变,还有另外一条路可以走。实际上,我非常喜欢用这种技术做实验,因为它增加了深度和多功能性。

在下面的例子中,您可以看到使用渐变创建的徽标。

Cloud Vision Consulting公司的徽标。

起初,我创建了一个渐变。 请耐心等待,这是最终结果的基础。 然后,我做了第二步 – 稍微改变了中间的颜色,以便有一个更清晰的淡蓝色。 之后,我将线条划分为数块并从相应的部分中选取颜色。

另一个需要记住的时刻——颜色之间是否有空间(如上一幅图像中的矩形)或者它们像标志中那样溢出,您将得到一个完全不同的画面。尝试两者,看看哪个更适合你的需要。

结论

在本文中,我介绍了使用渐变的一些基本原理,以及通过实践获得的原则。事实上,有更多的技巧要学习,这是一个伟大的旅程。 一些设计师会说渐变是今年的趋势,其他则不认同。 我个人认为,如果你知道如何使用它,它可以丰富您的设计。 依靠趋势并不是正确的解决方案,你的专业观点和经验会比它更加珍贵。 继续练习,找到全新的结果。

旅途愉快!

感谢你的阅读!

 

 


 

作者:Ludmila Shevchenko

翻译:王浩

编辑:王浩

责编:王扬

原文链接

发表评论

电子邮件地址不会被公开。 必填项已用*标注