在扁平化设计刚刚兴起之时，渐变是设计师们避之不及的设计手法，然而今天重新回归主流，无数的网站开始争先恐后的使用渐变色。重新回归的渐变色设计有着不一样的使用技巧和特色，从背景到图片的色彩叠加，包括UI设计元素上遮盖的色彩，更加贴合这个时代的风格和需求。

现在所流行的渐变设计其实并没有什么特别与众不同的规范或者规则，它可以是多种不同色彩支架你的渐变，可以是从中央到周围的辐射，可以是从上到下的自然变化，也可以是从角落辐射到其他位置，它可以作为设计的主视觉而存在，也可以是诸多特性中的一个。

渐变实在的一点在于设计师可以轻松驾驭，使用范畴不拘泥于一时一地，自由随性地使用同样可以创造实力相当不错的效果。

扁平化配色与渐变

渐变配色的回归正巧是在扁平化大行其道的今天，所以它不可避免地同大量扁平化的元素搭配到了一起，而其中值得考虑的因素，就是色彩。某些用色大胆、跨度范围大的渐变色设计干脆直接就从扁平化配色中“借用”色彩。这些色彩的使用让色彩的渐变同如今网站的现代风更加贴合，显得更加符合趋势。将渐变的设计同扁平化设计的美学特征融为一体，或者在Material Design 风格的界面中适当加入一些柔和的色彩组合，都是能带来不错的效果。

双色调的加入

双色渐变是渐变设计中很重要的组成部分。而双色渐变同其他设计趋势的结合效果拔群，这一点值得再三强调。而双色渐变的缺点，双色搭配被用过的太多，蓝绿和橙红搭配是用的多的。谨慎使用这一趋势，因为确实很容易与别的网站“撞衫”。

渐变背景图

渐变的回归，使得我们再次可以看到许多拥有景深或者纵深的背景图。虚拟现实的流行让越来越多的设计师尝试更加现实、更加立体的网站设计。扁平化设计确实时尚而更易于接受，但是它缺少富有现实质感的元素也是不争的事实。渐变色的使用很好地缓解了这个局面，毕竟自然界中很少有特别纯粹单一的色彩。不难想象，渐变色和阴影背后的概念和规则是相通的，它们为设计创造了深度和层次。

图片上的渐变色叠加

作为一种设计趋势，在图片上叠加色彩已经流行了相当长的一段时间。而从图片上的单色色彩叠加，到渐变色的叠加，是一个相当自然的“推导”过程。在页面的背景、头图中加入渐变的色彩叠加，可以让它们的整体感更强，从而让用户注意到其他的更加重要、关键的元素，强化页面的可读性。这种设计对于大图的作用尤其明显。

微妙的渐变与UI元素

和渐变的流行做法不同，有些设计师选择在UI元素中使用微妙的渐变色。在较小的UI元素中，色彩变化幅度更加微妙，并且通常使用的都是单色调。

不可否认，渐变色还是更适合同较大的元素搭配起来。在较小的元素，诸如小图标、小按钮等控件上使用的时候，色彩梯度并不是那么容易看清楚，甚至有可能让用户分心。

但是不论是在什么情况下使用渐变设计，都不要让用户产生停下来感叹：“好赞的渐变”的效果，这样就喧宾夺主了。渐变是用来强化用户体验的，而不是让用户来关注设计美学的。

如需学习网页设计师相关课程，请联系网站，提供培训内容讲解服务~