如你所知，漸變已經(jīng)成為UI和網(wǎng)頁設計中相當常見的一種設計元素了。但是，值得注意的是，諸多漸變色彩當中，有的看著還行，而還有很多看著會讓人覺得特別奇怪。換句話說，有的看著很「自然」，而另外一部分則「不自然」。想想看，當我們還沒開始做設計的時候，我們有上十年的時間看各種各樣的自然風景和相關的圖片，我們大腦皮層中或模糊或清晰地記錄著關于「自然」?jié)u變的信息，這是我們感知到漸變好壞的一個隱性但是客觀存在的標準。我們會認為接近于自然漸變的色彩是漂亮的，相反，并不那么貼近自然的漸變色會讓我們感覺不安，或者不適。

我們的眼睛能夠識別配色組合是否“真實”。我們對于天空的色彩有著相當深入的認知，但是我們絕大多數(shù)時候都沒有注意到它，因為它太常見了。但是我們時時刻刻都在受它的影響，因為它的色彩包裹著我們周圍的一切。當我們發(fā)現(xiàn)藍色幾乎是目前最受歡迎的色彩的時候，很多人都為此感到疑惑。但是答案其實就在我們頭頂。

盡管如今的霧霾和光污染很嚴重，它們影響下的都市天空下，依然會產(chǎn)生漂亮的日出和日落的光影和場景。

如果你離開熙熙攘攘的人群和水泥森林，在高山、河流和森林之間流連，會很快意識到，沒有污染的感染，自然的景觀到底有多么美妙。不同色彩的組合和真正讓人欲罷不能的各種漸變的色彩，會讓我們大腦中對于自然的感知完全喚醒，在美景中重新恢復對大自然的謙卑。

這個時候就不得不說，在很多設計中所能看到的漸變，本身就說不通。從紅色到綠色的漸變就是一個相當?shù)湫头独烧叨际欠浅Ｃ髁恋纳剩诖笞匀恢心愀疽姴坏竭@樣的漸變。相反，在不同的天氣不同的地域，我們會在天空中看到橙紫漸變，紫紅漸變，藍紫漸變，這樣的色彩會顯得自然得多。

另外一個不自然的漸變色彩組合是橙藍兩色的漸變，同樣的原因，自然界中不存在這樣的漸變，因為這樣的漸變沒有紅色和紫色作為中間的過渡色，將橙色和藍色放在一起，顯著的對比會導致它們看起來充滿了對抗性，加入了過渡色之后，這種情況則會好很多。橙色和藍色之間的對抗是激烈的，但是橙色過渡到紅色，再過渡到紫色，進而轉(zhuǎn)變?yōu)樗{色，這就和落日時分的天空很接近了。

如何找到真實而漂亮的自然漸變

回歸自然，尋找真正讓人賞心悅目的漸變色吧。具體來說，在不同的圖片中獲取天空的色彩變幻規(guī)則。通常而言，我們在天空中看到的是藍色和紅色，但是實際上色彩的變化比這個要多得多。云朵和光照的微妙變化，太陽所處的位置，你所看到的天空每時每刻都是不一樣的。天空從來不會因為各種因素的變化而顯得違和，包容萬象使得它變化萬方。比起我們的藝術家的創(chuàng)造，天空能給我們帶來的靈感是如此之多。

天空中明亮的色彩漸變

如果你有意識去搜集各種天空相關的圖片，會發(fā)現(xiàn)天空的色彩是如此的多變。橙色，黃色，紫色，紅色，藍色，各種排列和漸變的方式，沒有一個重樣的。在熱帶地區(qū)你所看到的日出和日落是如此的漂亮和精彩，但是在溫帶，你所看到的天空又是如此的詩意。

你可以在這些圖片當中看到明亮的漸變到底有著多棒，如果你參考它們來取色，應用于設計應該會非常不錯。

微妙的天空漸變色

在清晨和黎明時分，你可以觀察到最美麗的漸變配色。每一種漸變色的搭配仿佛都是獨一無二的。在選取這些微妙的漸變色的時候，注意色彩轉(zhuǎn)變的過程。

因此，在必要的時候，借助天空中色彩的漸變，找到真正適合你設計的色彩搭配。

在UI中使用這些漸變色

天空的漸變色用來做背景，能夠帶來非常優(yōu)質(zhì)的用戶體驗。當我在做天氣類APP的概念設計的時候，我就將這些源自天空的漸變色用來制作背景。當你看到這些背景的時候，會有一種面對天空的感覺。你會從色彩中判斷時間，甚至能夠體會到炎熱、潮濕、雨水甚至霧氣。適當?shù)亟Y(jié)合Material Design 所提供的調(diào)色板，漸變色在UI設計中，應該會大放異彩。

【這些趨勢好文，讓你的設計走到用戶心里】

1. 《這3種獨特的趨勢，能讓網(wǎng)頁設計增色不少》
2. 《2017年最后幾個月，網(wǎng)頁設計師值得注意的趨勢》
3. 《這3個流行趨勢雖然好，但依然要注意這些細節(jié)》
4. 《看了那么多的設計趨勢，你知道怎么落地實踐嗎？》

本文由優(yōu)設網(wǎng)原創(chuàng)翻譯，請尊重版權和譯者成果，轉(zhuǎn)摘請附上優(yōu)設鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內(nèi)人氣最高的設計網(wǎng)址導航，設計師必備：http://hao.uisdc.com