如果您對用色持開放態(tài)度，不會局限于使用深顏色，那么，您很可能在UI設(shè)計方案中加入亮麗的漸變色或者純色，配色完后您覺得效果如何呢？是漸變色好看，還是純色好看呢？

第一個方案的每個形狀都是漸變色，第二個方案填充純色。如果從上面的兩個方案來選擇，我想大部分人會選擇純色的方案，當然，您不能僅從以上方案來判斷兩種配色方案的好或不好，我們應(yīng)該從兩種方案中吸取有用的經(jīng)驗。

接下來，我們將分享使用漸變色的一些經(jīng)驗。

 首先，讓我們用Justin的歌詞來做一些練習，學習漸變色一些基本原則： 

上圖使用了漸變色的背景，文字也是使用漸變色，看上去并不合適。雖然在漸變色上在疊加一種漸變色可以做得好看，但很難駕馭，除非要表達特別的理念，不然不建議這樣使用。

在上圖的漸變背景中，您可以看到有多種主顏色，而且能很明顯的區(qū)分三個主要顏色：青色，鮮艷的品紅色，橙色。

來看上圖中，背景色的漸變?nèi)岷秃芏?，過渡非常自然，您不會注意到兩個顏色中間有新的顏色。這跟上圖有很大的不一樣。

上圖的背景色是比較淺的顏色，白色的文字也就不是很突出。如果您想漸弱效果，可以增加透明度，不過，您需要多次嘗試和查看對比效果。 

上圖中，漸變的背景只使用了一種顏色，從淺藍色到深藍色。這是一種比較保險的做法，不會出錯。您可以選擇任意一種顏色，然后從淺色漸變到深色，但是，這種做法的設(shè)計感就弱了，比較傳統(tǒng)。所以在設(shè)計時，您要清楚這種漸變是否跟設(shè)計需求相匹配。

這個方案看著非常明亮，我喜歡！兩種都是亮顏色，漸變一起不會死板，而且白色的文字非常清晰，完美的組合。

如果您想引起別人的注意，強烈的顏色是一個不錯的解決方案，大膽又獨特。

感謝Justin的一首好歌，我們將進一步學習漸變色的運用。

漸變色的吸引力

為什么現(xiàn)在大家越來越喜歡在設(shè)計中使用漸變色呢？簡單來說，自然過渡的顏色就像周圍世界的事物，我們看到自然界的顏色從來都不是單一存在的，所以，漸變色讓人感到生動和自然。

下面，我們來看一組在網(wǎng)頁設(shè)計中使用漸變色的不同方法。 

 1，來看一個非常好的例子：Stripe。這是一個B2B的提供網(wǎng)上支付服務(wù)的網(wǎng)站，網(wǎng)站背景使用漸變色，同時其余的組件采用簡約設(shè)計，看上去非常協(xié)調(diào)。

2，這是另外一個經(jīng)典案例：Mixpanel。背景色是不搶眼的雙色漸變。背景上的插圖也是基于漸變的。插圖在頁面上是重點，背景色作為陪襯。同時，CTA按鈕于背景色形成鮮明的對比，能夠吸引大家的注意。

 3，第三個案例是游戲《紀念碑谷》的創(chuàng)作者的網(wǎng)站：Ustwo。網(wǎng)站的字體使用了漸變色，突出顯示信息。網(wǎng)頁上沒有很多元素吸引您的注意力，所以這個文字吸引了您的注意力。

干凈漂亮的漸變色

我們在使用完美顏色來創(chuàng)建漸變色時，有時候不能得到完美的結(jié)果，難道是因為我們選擇的顏色不夠純嗎？

來看下我們下圖的試驗，我們采用了一對干凈純凈的互補色，但結(jié)果是，這種漸變色看起來很糟糕。

上圖的中間的顏色看起來很臟。在這種情況下，您可以更改其中一種主要顏色（第1和2列）?；蛘咴谥虚g在添加一種顏色，就能從渾濁顏色變到清晰顏色（第3列）。簡單！

平滑漸變

有些時候，您可能創(chuàng)建一個漸變色，然后發(fā)現(xiàn)中間會出現(xiàn)一條線，看著不太正常。如下圖：

如果出現(xiàn)這種情況，您不一定需要改變顏色，你需要改變漸變的區(qū)域規(guī)則。讓結(jié)果更順暢。

怎么操作呢？您應(yīng)該花一些時間在漸變的中心區(qū)域添加點，并稍微將它們從中心移動到頂部/底部。然后慢慢從中心進一步添加點并以相同的方式移動。重復這些操作，直到看到線條消失。然后您會發(fā)現(xiàn)順暢多了。

替代方案

如果您不想使用上面的漸變方式，這邊還有另外一種漸變的形式——梯度漸變。這種漸變能夠增加深度感和功能性。

來看以下示例，這是一個使用漸變創(chuàng)建的徽標 。

Cloud Vision Consulting公司的徽標

第一步，我們創(chuàng)建一個漸變色。然后第二步，我們在漸變色中添加了兩個顏色，讓淡藍色更清晰。第三步，我們將漸變色分成七份，選取中間的純色。

另外，還有一個細節(jié)要注意，使用梯度漸變的的顏色中間是否有間隙，或者像圖標中那樣有溢流。這兩種的效果是完全不一樣的，您可以兩種都嘗試一下，看看哪個效果更符合需求。

結(jié)論

在本文中，我介紹了使用漸變的一些基本原理，以及通過實踐實現(xiàn)的原則。事實上，有更多的技巧要學習，這是一個需要不斷實踐和總結(jié)的過程。一些設(shè)計師會說漸變是今年的趨勢，也有人說這是一個快要過時的趨勢。我個人認為，如果您知道如何使用漸變的技巧，它可以讓您的設(shè)計更豐富。依靠趨勢不是正確的解決方案，您的專業(yè)觀點和經(jīng)驗更加珍貴。