17

网页设计 2017/2018年的渐变过渡趋势,你值得拥有!

发布时间:2023-05-28 阅读量:0 来源: 易企优

您可能已经注意到 2017/2018 年印刷和网页设计中渐变的使用有所增加。 看起来设计界已经接受了这一趋势,这种渐变过渡在形状和颜色上只会变得更加动感。 如果您不知道如何将它们应用到您想要通过设计传达的信息中,那么使用彩色形状和背景可能会很棘手。 排名前五的渐变趋势是什么,您如何在工作中有效地使用它们?

1.双色版的渐变

双色调渐变是两种颜色,它们之间有平滑的过渡。 不多也不少。 使用中的渐变工具创建这些类型的颜色过渡非常简单,在为渐变组合颜色时没有规则。 当您混合 3 种或更多颜色时,规则就会出现……但是两种……您可以随心所欲,这完全取决于您对设计本身的意图。

如果您需要强烈而大胆的信息,那么您可能需要考虑更明亮、对比度更高的颜色组合。 另一方面,如果您想要更柔和、更安静的方法,请使用饱和度较低的颜色。

如何使用它们?

你可以随心所欲地发挥创意。 这种类型的渐变最广泛的用途是照片叠加,它们主要用作内容的简单背景。

以下示例是 ägg 和 Stink 为此类用例创建的。

另一个例子是由 . 创建的家庭导航设计。 在这里,我们再次考虑内容的上下文。 内容包括文字和插图。 然而,图中使用的颜色是经过精心处理的。 插图主要是浅色调,只有一些颜色鲜艳的细节,与背景双色调(暖色)(冷色)相反。

总而言之,使用双色调渐变趋势最安全的方法是将它们与黑白照片混合,或将它们用作照片叠加层。 如果将它们与其他颜色混合,请确保不要过度。 多种颜色在设计中可以很出色,但如果搭配不当,它们也会带来混乱和混乱。 如有疑问,请使用更少的颜色。 在大多数情况下,少即是多。

2.半透明渐变

前五名渐变趋势包括半透明渐变。 这些类型的渐变在其中具有淡入淡出效果,它们在一端具有全色调,在另一端具有 0% 的颜色不透明度。

这些半透明渐变可以是双色调甚至三色调渐变,但它们总是以透明结束或开始。

如何使用它们?

网页设计 2017/2018年的渐变过渡趋势,你值得拥有!

使用半透明渐变的一种方法是将它们与其他渐变形状和背景重叠,或者作为照片的叠加层。下面的示例显示了 -JQ 制作的艺术品

在这里我们可以看到在三色渐变圆的顶部使用了一个半透明的形状。 微妙的半透明形状在渐变圆圈前营造出雾蒙蒙的氛围,就像一轮褪色的月亮,简单而有效地利用透明度。

在 Lopez 制作的海报作品中可以看到混合摄影和纹理的半透明渐变的另一种奇妙用法。

洛佩兹的海报作品

3.网格渐变

网格渐变是使用中的网格工具制作的渐变,因此得名。 这种类型的渐变需要更多的技巧来制作。 通常它们有多种颜色混合在一起,这应该小心生产,因为有些颜色不太匹配。 除了将多种颜色混合在一起外,它们还形成了类似液体的纹理图案,使其外观更具动感。

到目前为止,您可能已经注意到所有渐变如何与黑白照片完美配合,为它们提供增强颜色强度所需的对比度。 它还消除了设计中“太多”的混乱和感觉。

如何使用它们?

网格渐变可以用作独立模式。 由于它们通常具有动态外观,因此可以作为极简主义图案应用,并辅以创意排版。

使用网格渐变的品牌也越来越受欢迎。 这种类型的使用可以在下面由 Focus Lab 制作的极简品牌项目中看到。

4.渐变模糊

这是事情变得有趣的地方......引入渐变模糊! 我相信您已经看过这些有趣的外观,它们给人一种强烈的“艺术”感觉,而且它们现在是前 5 名的一部分。

网页设计 2017/2018年的渐变过渡趋势,你值得拥有!

如何使用它们?

它们似乎经常用作海报设计的一部分。 抽象的伟大之处在于它可以用来描述各种情绪和抽象概念。 它可以说明声音、光、宇宙、快乐或悲伤。 我们根本不知道如何描述其中的许多词,但精心挑选的模糊彩色形状可以帮助我们。

让我们看一些使用渐变模糊的例子:

5.渐变球体

最后的渐变趋势是渐变球体,具有强烈三维形状的网状圆圈,让我们想起在行星和气泡上。

如何使用它们?

在应用程序和网页设计中占有一席之地。 由于它们与行星类似物的相似性,它们经常用于技术未来类型的项目。 示例:Kim 曾经设计过具有轻盈和未来感的创意手表 UI。

此 Asana 海报设计中使用的另一个创意示例:

写在最后

如果你使用渐变照片,第一步应该是选择合适的照片。 你最好的选择是一张焦点清晰的照片,如果可能的话,周围没有其他东西。 第二件值得你花时间的事情是照片的颜色。

如果颜色与渐变无关,将照片切换为黑白是最安全的。 但是,有时您可以使用 中的色彩饱和度工具或色彩平衡来调整颜色。 这正是我在这个例子中所做的。 第三是选择渐变形状和背景。

选择正确的渐变对象时,确保它们都具有相似的色调。 就我而言,我使用蓝色/紫色对象与粉色/黄色对象形成对比,而这些正是我需要的颜色。 再多的话,构图就会让人感到困惑。 虽然它很容易穿过,所以如果你不确定,只需减少颜色并减少形状。

如果您觉得仍然缺少某些东西,请添加中性几何形状,如果背景较浅则为白色,如果背景较暗则为黑色。

TAG标签:网页设计 
声明:本文"网页设计 2017/2018年的渐变过渡趋势,你值得拥有!":http://www.tpsem.com/wzjianshe/show531.html内容和图片部分来自互联网。若本站收录的信息无意侵犯了贵司版权,请给我们来信,我们会及时处理和回复。