网站设计中渐变的运用

技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么？

Media Temple 网站的每一个页面都使用了渐变，不过其渐变使用的节制和精妙才是设计成功的关键。logo，大标题，按钮和背景都有细微的或者镜像的渐变，以强调内容。复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARN MORE”)上，因为它们是需要访客注意的重点。

Commission Junction的渐变运用远没有Media Temple的细致，而且采用了过于丰富的渐变类型：

1. 从黑色到灰色的水平线性渐变，位于页面顶部
2. 页眉处的绿色径向渐变
3. 登陆框背景的“CJ” 标志上方模糊的斜向渐变
4. 输入框背景中淡淡的垂直线性渐变
5. 导航条背景的垂直渐变
6. Webinar广告中明亮的线性渐变
7. 另一个垂直线性减弱，用在了大标题处

这种设计有点冒险，大部分渐变式有用的，但还是存在一些问题。突出的一点是，设计丧失了一致性。同选择可辨性强的色彩组合一样的道理，设计师也需要为每个项目选择合适的渐变组合。

例如，大的水平渐变(1)引导眼睛横向注视页面。这本没有什么问题，但就在此渐变的正下方又出现了把视线吸引到中心的径向渐变(2)和把视线引导到右下角的斜向渐变(3)。这会给访客造成困扰，起伏变化的视觉流（visual flow）也削弱了可读性。

使用渐变时，保证好的视觉流很重要：请保守而精致地使用渐变。重要的一点，仅当对整体设计有帮助时才使用渐变。