聊聊渐变设计的一些心得

在之前的一个工作项目中，曾经跟一个设计师合作。由于当时主界面和色调是她制定的，我当时是觉得这个配色太脏了，但我又不方便跟她理论。于是我在分配我的页面中进行了改动。采用了渐变色设计来提亮整体的色调。后大家觉得渐变确实好看很多，于是同事把首页也改了，改动如下：

我们可以看到加入渐变之后整个页面灵动，跳跃了很多，没有那么死气沉沉了。但是在后续工作过程中，同事运用了此渐变对检验数据页面进行了如下图（左）的设计：

同样是犯了配色脏的问题，而且大面积的绿色渐变的使用非常难看。后来我在此基础上进行了修改，摒弃了大面积的渐变色使用，而使用在头部的小面积部分。其他地方采用亮绿色进行点缀，整个页面清爽了许多。

渐变色虽然挽救了原本沉闷的色调，但是在我后续跟开发对接的过程中发现，渐变色的使用依然存在诸多问题。比如头部的渐变色使用如果遇到有的模块跟大banner图挨着的情况下，花花绿绿的就显得非常难看，尤其是对于医疗行业来讲，简洁清爽的页面设计尤为重要。巧合的是前阵子新淘宝改版就采用了这种布局设计。

但是这种渐变色使用跟大banner图挨着的情况看起来并不违和，原因是淘宝是庞大的电商购物平台，满足不同层次多种年龄人的需求。这种喧闹的气氛也就不足为奇了。

而QQ的此次改版只把导航改成渐变，其他地方并没有看到统一的延展设计，显得有些牵强，不晓得是不是因为看到淘宝的改版也想跟风尝试一下。

渐变虽然在一定程度上对整个APP的视觉起到了点睛之笔，但是在实际运用过程中还是存在很多问题。后来在后续大改版中我摈弃掉了渐变色的设计，调整了主色调改成单色的设计。而渐变色的使用仅限于图标跟页面中的小的点缀部分。