聊聊漸變設(shè)計的一些心得

在之前的一個工作項目中,曾經(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變色弊端》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,036評論 25 709
  • 認識了色彩,并不表示你就能對顏色運用自如。配色有理性的層面,也有感性的層面。配色也需要依循一定的節(jié)奏。有的配色跳躍...
    菡岱閱讀 1,643評論 0 3
  • 認識了色彩,并不表示你就能對顏色運用自如。配色有理性的層面,也有感性的層面。配色也需要依循一定的節(jié)奏。有的配色跳躍...
    平面設(shè)計慕白閱讀 2,047評論 3 42
  • 在去往長白山天池的途中,天空藍得醉人,大片大片的云彩似乎觸手可及。拾級而上,很難一眼望見路的盡頭,仿佛這是一條連接...
    一口一閱讀 299評論 0 0
  • 在過往的歲月里一定會有那么一天,它看似虛無縹緲,卻對你的未來至關(guān)重要。 你不知道那一天是什么時候來的,回過頭看看才...
    碳哥哥閱讀 569評論 6 31

友情鏈接更多精彩內(nèi)容