在之前的一个工作项目中,曾经跟一个设计师合作。由于当时主界面和色调是她制定的,我当时是觉得这个配色太脏了,但我又不方便跟她理论。于是我在分配我的页面中进行了改动。采用了渐变色设计来提亮整体的色调。后大家觉得渐变确实好看很多,于是同事把首页也改了,改动如下:
我们可以看到加入渐变之后整个页面灵动,跳跃了很多,没有那么死气沉沉了。但是在后续工作过程中,同事运用了此渐变对检验数据页面进行了如下图(左)的设计:
同样是犯了配色脏的问题,而且大面积的绿色渐变的使用非常难看。后来我在此基础上进行了修改,摒弃了大面积的渐变色使用,而使用在头部的小面积部分。其他地方采用亮绿色进行点缀,整个页面清爽了许多。
渐变色虽然挽救了原本沉闷的色调,但是在我后续跟开发对接的过程中发现,渐变色的使用依然存在诸多问题。比如头部的渐变色使用如果遇到有的模块跟大banner图挨着的情况下,花花绿绿的就显得非常难看,尤其是对于医疗行业来讲,简洁清爽的页面设计尤为重要。巧合的是前阵子新淘宝改版就采用了这种布局设计。
但是这种渐变色使用跟大banner图挨着的情况看起来并不违和,原因是淘宝是庞大的电商购物平台,满足不同层次多种年龄人的需求。这种喧闹的气氛也就不足为奇了。
而QQ的此次改版只把导航改成渐变,其他地方并没有看到统一的延展设计,显得有些牵强,不晓得是不是因为看到淘宝的改版也想跟风尝试一下。
渐变虽然在一定程度上对整个APP的视觉起到了点睛之笔,但是在实际运用过程中还是存在很多问题。后来在后续大改版中我摈弃掉了渐变色的设计,调整了主色调改成单色的设计。而渐变色的使用仅限于图标跟页面中的小的点缀部分。
拓展阅读:《浅谈「新·淘宝」渐变色弊端》
网友评论