在扁平化設(shè)計剛剛興起之時巷懈，漸變是設(shè)計師們避之不及的設(shè)計手法该抒，然而今天它已經(jīng)正式回歸。幾乎是在一夜之間顶燕，無數(shù)的網(wǎng)站開始使用漸變色凑保。
在扁平化設(shè)計剛剛興起之時，漸變是設(shè)計師們避之不及的設(shè)計手法涌攻，然而今天它已經(jīng)正式回歸愉适。幾乎是在一夜之間，無數(shù)的網(wǎng)站開始使用漸變色癣漆。
從背景到圖片上的色彩疊加维咸，包括UI元素上所遮蓋的色彩，所有的這一切都表明漸變以一種微妙的方式回歸了。不過和以往的我們所看到的漸變不同癌蓖，重新回歸的漸變色設(shè)計有著不一樣的使用技巧和特色瞬哼，更加貼合這個時代的風(fēng)格和需求了。如果你也想使用租副，不妨從今天的設(shè)計示例中學(xué)習(xí)一下“全新”的漸變設(shè)計坐慰。
潮流的引領(lǐng)者
在今年早些時候，Spotify 開始在自家網(wǎng)站上大量使用雙色調(diào)設(shè)計用僧，將雙色調(diào)的潮流帶了起來结胀。如果你仔細(xì)查看Spotify 的頁面會發(fā)現(xiàn)，其中色彩其實是有明暗责循、色調(diào)的漸變效果的糟港。
而其他的著名品牌也開始逐步回歸，開始在設(shè)計中融入漸變色彩院仿。而在線電子雜志供應(yīng)商 Texture 干脆使用了全屏的漸變色彩設(shè)計秸抚。
重新流行的“新”漸變設(shè)計的案例并不只有這么點兒。更多采用類似漸變設(shè)計的網(wǎng)站正如同雨后春筍般涌現(xiàn)歹垫，類型已經(jīng)不拘泥于專題頁剥汤，從產(chǎn)品展示到電商網(wǎng)站，不一而足排惨。
現(xiàn)在所流行的漸變設(shè)計其實并沒有什么特別與眾不同的規(guī)范吭敢，或者規(guī)則，它可以是多種不同色彩支架你的加變暮芭，可以是從中央到周圍的輻射省有，可以是從上到下的自然變化，也可以是從角落輻射到其他位置谴麦，它可以作為設(shè)計的主視覺而存在蠢沿，也可以是諸多特性中的一個。
漸變最實在的一點在于設(shè)計師可以輕松駕馭匾效，使用范疇不拘泥于一時一地舷蟀，自由隨性地使用同樣可以創(chuàng)造實相當(dāng)不錯的效果。
扁平化配色與漸變
漸變配色的回歸正巧是在扁平化大行其道的今天面哼，所以它不可避免地同大量扁平化的元素搭配到了一起野宜，而其中最值得考慮的因素，就是色彩魔策。某些用色最大膽匈子、跨度范圍最大的漸變色設(shè)計干脆直接就從扁平化配色中“借用”色彩。
這些色彩的使用讓色彩的漸變同如今網(wǎng)站的現(xiàn)代風(fēng)更加貼合闯袒，顯得更加符合趨勢虎敦。將漸變的設(shè)計同扁平化設(shè)計的美學(xué)特征融為一體游岳，或者在Material Design 風(fēng)格的界面中適當(dāng)加入一些柔和的色彩組合，都是能帶來不錯的效果其徙。
漸變色的使用對于其他的設(shè)計趨勢而言胚迫，是一個不錯的補(bǔ)充，漸變本身的緩沖作用唾那，使得你即使要重設(shè)計也無需從頭再來访锻。
設(shè)計新手或者想學(xué)設(shè)計的小伙伴，可以+V：dsLinsir ?獲取更多平面設(shè)計教學(xué)與最新軟件闹获。
雙色調(diào)的加入
雙色漸變是漸變設(shè)計中的很重要的組成部分期犬。而雙色漸變同其他設(shè)計趨勢的結(jié)合效果拔群，這一點值得再三強(qiáng)調(diào)避诽。
而雙色調(diào)漸變的唯一缺點龟虎，大概是……被用的太多了。如果你稍加注意就會發(fā)現(xiàn)茎用，確確實實有一大堆網(wǎng)站采用了雙色漸變來作為背景或者主要視覺模塊遣总，似乎沒有哪種雙色搭配沒人用過睬罗。藍(lán)綠和橙紅搭配是用的最多的轨功。
謹(jǐn)慎使用這一趨勢，因為確實很容易與別的網(wǎng)站“撞衫”容达。
漸變背景圖
漸變的回歸古涧，使得我們再次可以看到許多擁有景深或者縱深的背景圖。虛擬現(xiàn)實的流行讓越來越多的設(shè)計師嘗試更加現(xiàn)實花盐、更加立體的網(wǎng)站設(shè)計羡滑，毫無疑問，你會在未來看到更多這樣的設(shè)計算芯。
扁平化設(shè)計確實時尚而更易于接受柒昏，但是它缺少富有現(xiàn)實質(zhì)感的元素也是不爭的試試。試想一下自然中元素給人的感受和體驗熙揍。漸變色的使用很好地緩解了這個局面职祷，畢竟自然界中很少有特別純粹特別單一的色彩。
不難想象届囚，漸變色和陰影背后的概念和規(guī)則是相通的有梆。它們?yōu)樵O(shè)計創(chuàng)造了深度和層次。
圖片上的漸變色疊加
作為一種設(shè)計趨勢意系，在圖片上疊加色彩已經(jīng)流行了相當(dāng)長的一段時間泥耀。而從圖片上的單色色彩疊加，到漸變色的疊加蛔添，是一個相當(dāng)自然的“推導(dǎo)”過程痰催。
在頁面的背景兜辞、頭圖中加入漸變的色彩疊加，可以讓它們的整體感更強(qiáng)陨囊，從而讓用戶注意到其他的更加重要弦疮、關(guān)鍵的元素，強(qiáng)化頁面的可讀性蜘醋。這種設(shè)計對于大圖的作用尤其明顯胁塞。
在圖片上疊加漸變色的技巧在于平衡色彩和圖片之間的關(guān)系。色調(diào)是否要同圖片的含義相匹配压语？疊加后能否看清圖片中的細(xì)節(jié)啸罢？不同的色彩搭配方式帶來的結(jié)果可能是截然相反的。
微妙的漸變與UI元素
和漸變色的流行做法不同胎食，有些設(shè)計師選擇在UI元素中使用微妙的漸變色扰才。在較小的UI元素中，色彩變化幅度更加微妙厕怜，并且通常使用的都是單色調(diào)衩匣。
在早期的iOS系統(tǒng)當(dāng)中，這種設(shè)計相當(dāng)?shù)某Ｒ娭嗪剑贿^現(xiàn)在已經(jīng)很少見到了琅捏。
不可否認(rèn)，漸變色還是更適合同較大的元素搭配起來递雀。在較小的元素諸如小圖標(biāo)柄延、小按鈕等控件上使用的時候，色彩梯度并不是那么容易看清楚缀程，甚至有可能讓用戶分心搜吧。
但是不論是在什么情況下使用漸變設(shè)計，都不要讓用戶產(chǎn)生停下來感慨“Wow好贊的漸變”的效果杨凑，這樣就喧賓奪主了滤奈。漸變是用來強(qiáng)化用戶體驗，而非勾引用戶來關(guān)注設(shè)計美學(xué)的撩满。
結(jié)語
坦率的講蜒程，當(dāng)初漸變被斥之為“過時的設(shè)計”之時，我是相當(dāng)傷感的鹦牛。這也是為何今天看到漸變設(shè)計回歸的時候如此的興奮搞糕。
作為設(shè)計中最常見、最基本的一種技法曼追，漸變設(shè)計應(yīng)當(dāng)會一直存在下去窍仰。
