在之前的一個(gè)工作項(xiàng)目中届良,曾經(jīng)跟一個(gè)設(shè)計(jì)師合作竟贯。由于當(dāng)時(shí)主界面和色調(diào)是她制定的锌杀,我當(dāng)時(shí)是覺(jué)得這個(gè)配色太臟了甩栈,但我又不方便跟她理論。于是我在分配我的頁(yè)面中進(jìn)行了改動(dòng)糕再。采用了漸變色設(shè)計(jì)來(lái)提亮整體的色調(diào)量没。后大家覺(jué)得漸變確實(shí)好看很多,于是同事把首頁(yè)也改了突想,改動(dòng)如下:
我們可以看到加入漸變之后整個(gè)頁(yè)面靈動(dòng)殴蹄,跳躍了很多,沒(méi)有那么死氣沉沉了猾担。但是在后續(xù)工作過(guò)程中袭灯,同事運(yùn)用了此漸變對(duì)檢驗(yàn)數(shù)據(jù)頁(yè)面進(jìn)行了如下圖(左)的設(shè)計(jì):
同樣是犯了配色臟的問(wèn)題,而且大面積的綠色漸變的使用非常難看绑嘹。后來(lái)我在此基礎(chǔ)上進(jìn)行了修改稽荧,摒棄了大面積的漸變色使用,而使用在頭部的小面積部分工腋。其他地方采用亮綠色進(jìn)行點(diǎn)綴姨丈,整個(gè)頁(yè)面清爽了許多。
漸變色雖然挽救了原本沉悶的色調(diào)擅腰,但是在我后續(xù)跟開(kāi)發(fā)對(duì)接的過(guò)程中發(fā)現(xiàn)蟋恬,漸變色的使用依然存在諸多問(wèn)題。比如頭部的漸變色使用如果遇到有的模塊跟大banner圖挨著的情況下惕鼓,花花綠綠的就顯得非常難看筋现,尤其是對(duì)于醫(yī)療行業(yè)來(lái)講,簡(jiǎn)潔清爽的頁(yè)面設(shè)計(jì)尤為重要箱歧。巧合的是前陣子新淘寶改版就采用了這種布局設(shè)計(jì)矾飞。
但是這種漸變色使用跟大banner圖挨著的情況看起來(lái)并不違和,原因是淘寶是龐大的電商購(gòu)物平臺(tái)呀邢,滿(mǎn)足不同層次多種年齡人的需求洒沦。這種喧鬧的氣氛也就不足為奇了。
而QQ的此次改版只把導(dǎo)航改成漸變价淌,其他地方并沒(méi)有看到統(tǒng)一的延展設(shè)計(jì)申眼,顯得有些牽強(qiáng)瞒津,不曉得是不是因?yàn)榭吹教詫毜母陌嬉蚕敫L(fēng)嘗試一下。
漸變雖然在一定程度上對(duì)整個(gè)APP的視覺(jué)起到了點(diǎn)睛之筆括尸,但是在實(shí)際運(yùn)用過(guò)程中還是存在很多問(wèn)題巷蚪。后來(lái)在后續(xù)大改版中我擯棄掉了漸變色的設(shè)計(jì),調(diào)整了主色調(diào)改成單色的設(shè)計(jì)濒翻。而漸變色的使用僅限于圖標(biāo)跟頁(yè)面中的小的點(diǎn)綴部分屁柏。
拓展閱讀:《淺談「新·淘寶」?jié)u變色弊端》