很长一段时间，使用渐变是设计中最大的禁忌。设计师大多时候避免渐变，因为这个会给使用者90年代的强烈印象。

但现在情况已经不同了。如果你现在打开Dribbble或Behance，你很有可能会看到许多使用渐变的设计。而且使用的颜色是色彩鲜亮的。

在本文中，我想分享一些关于如何在设计中使用渐变的技巧。

为什么我们倾向于在设计中使用渐变？

为了找到这个问题的答案，我们需要回到2014年。这是扁平设计流行的一年 - 谷歌发布了Material Design，Apple用扁平的UI设计更新了macOS。与拟物化设计相比较，刚出现的扁平化设计是令人新鲜和兴奋的，。

但扁平设计有其自身的局限性，其中一个重要的局限就是设计师可以使用的颜色和样式越来越单一。

通过使用渐变的好处：

• 获得更多创作自由。扁平颜色扼杀了部分设计的潜力，渐变为更多的可能性打开了大门。通过混合颜色，设计师可以创造引人注目且令人难忘的视觉设计。
• 可以为设计引入深度和广度。渐变解决了扁平设计中的问题（设计看起来“太平 ”）

渐变是一个非常通用的工具

使用渐变，设计师可以做出以下几种：

1.做出大胆的改变

渐变有助于创造新的和意想不到的东西。即使是一个很小的元素，比如一个logo，如果你给它添加一个渐变，也会让人感觉到新奇。

2.更加容易的理解某些元素

良好的用户体验直观地引导用户使用产品。精心设计的渐变下意识地引导用户走向焦点。

通过让页面的某些部分变得抢眼，你可以在它们上面添加更多的视觉权重，让它们更引人注目。

看看Mixpanel主页。插图在此布局中起着至关重要的作用，渐变背景在视觉上优先考虑它。

当你需要引起人们对某个区域的注意时，渐变是完美的。Mixpanel使用渐变来突出显示插图

创建渐变的5个技巧

1.学习渐变的基本类型

渐变有几种类型。所有这些都涉及一个起点颜色逐渐过渡到其他颜色。对于本文，我想介绍三种常见的渐变类型：

线性

线性渐变创建了一条直线前进的颜色带。渐变从一种颜色平滑过渡到下一种颜色。

线性渐变。要创建线性渐变，您需要指定两种颜色（或一种颜色的两种颜色）。

径向

径向渐变类似于线性渐变，除了它们从中心点辐射出来。作为设计师，您可以指定中心点的位置并指定渐变的大小。

径向渐变

您在上面看到的Instagram标志是使用径向渐变创建的。

角度渐变

从起点到终点颜色按顺时针做扇形渐变，即角度渐变。（从中间向外拉）。

例如，如果你想创造一个充满活力的氛围，你可以使用红色到橙色的渐变。

明亮，大胆的色彩激起积极的感受

但是如果你想创造一个放松的氛围，你可以使用深蓝色到蓝色的渐变

深沉的色调带来平静

5.不要忘记颜色对比

无论您的设计多么美观，您都不应忘记可读性。始终检查颜色对比度。

缺乏色彩对比会导致可读性差。

原文链接：

https://uxplanet.org/gradients-in-ui-design-b97146f63df3

作者：Nick Babich