在之前的一個工作項目中,曾經(jīng)跟一個設(shè)計師合作。由于當時主界面和色調(diào)是她制定的,我當時是覺得這個配色太臟了,但我又不方便跟她理論。于是我在分配我的頁面中進行了改動。采用了漸變色設(shè)計來提亮整體的色調(diào)。后大家覺得漸變確實好看很多,于是同事把首頁也改了,改動如下:

我們可以看到加入漸變之后整個頁面靈動,跳躍了很多,沒有那么死氣沉沉了。但是在后續(xù)工作過程中,同事運用了此漸變對檢驗數(shù)據(jù)頁面進行了如下圖(左)的設(shè)計:

同樣是犯了配色臟的問題,而且大面積的綠色漸變的使用非常難看。后來我在此基礎(chǔ)上進行了修改,摒棄了大面積的漸變色使用,而使用在頭部的小面積部分。其他地方采用亮綠色進行點綴,整個頁面清爽了許多。
漸變色雖然挽救了原本沉悶的色調(diào),但是在我后續(xù)跟開發(fā)對接的過程中發(fā)現(xiàn),漸變色的使用依然存在諸多問題。比如頭部的漸變色使用如果遇到有的模塊跟大banner圖挨著的情況下,花花綠綠的就顯得非常難看,尤其是對于醫(yī)療行業(yè)來講,簡潔清爽的頁面設(shè)計尤為重要。巧合的是前陣子新淘寶改版就采用了這種布局設(shè)計。

但是這種漸變色使用跟大banner圖挨著的情況看起來并不違和,原因是淘寶是龐大的電商購物平臺,滿足不同層次多種年齡人的需求。這種喧鬧的氣氛也就不足為奇了。
而QQ的此次改版只把導(dǎo)航改成漸變,其他地方并沒有看到統(tǒng)一的延展設(shè)計,顯得有些牽強,不曉得是不是因為看到淘寶的改版也想跟風嘗試一下。
漸變雖然在一定程度上對整個APP的視覺起到了點睛之筆,但是在實際運用過程中還是存在很多問題。后來在后續(xù)大改版中我擯棄掉了漸變色的設(shè)計,調(diào)整了主色調(diào)改成單色的設(shè)計。而漸變色的使用僅限于圖標跟頁面中的小的點綴部分。
拓展閱讀:《淺談「新·淘寶」?jié)u變色弊端》