究极解读：渐变技巧大揭密　　　几点心得体会

1、 一个界面上不应该超过4种色彩体系的渐变，否则界面显得杂乱无章。所谓色彩体系，就是同一色相(H)下的不同颜色。如果想让页面尽可能的突出彩色，可以用灰色进行大面积调和，红、绿、蓝保留一点点足矣。

2、 同一个界面上的渐变尽量保持明度跨度一致，比如A渐变明度跨度为+20，那么渐变B的明度跨度就不要+40。但是也不必死板，因为色彩是微妙感性的。比如 下图三种颜色的渐变明度跨度都是20，但蓝色渐变就显得过渡小，绿色红色渐变显得过渡大。所以，不必太过于遵循数理逻辑，但严谨的色彩体系一定是要有系统 有意识的控制颜色。

3、 我们常说要用”高级灰!高级灰!”灰色的渐变其实很难把控，用的好则会使你的界面更有档次，更统一高雅，用的不好则会让界面显得脏而灰，无闪光 亮点。下图灰色的径向渐变有很好的视线聚焦效果。为了打破大面积灰色带来的沉闷，在hover状态下的展示效果变成彩色，这种交互效果其实可以用在很多图 片展示上。

4、 渐变应该与整个界面气质保持一致，如果整个页面走平实路线，那么就要统一到底，不要突然无厘头的冒出一种玻璃质感。如果整个页面走小清新风格，就不要突然来一笔浓墨重彩的质感渐变。

5、 利用渐变创造深度和立体感。我们要学会控制好渐变的位置。在 ps中线性渐变或径向渐变为页面创造了独特的气氛，比如蓝色渐变模拟蓝天、海洋等。比如下图用渐变营造的晚霞效果。

6、 最后，我们作图时，可以用图层样式做渐变叠加，这样可以保证渐变的可编辑性。