這10個理由告訴你，為什么要在設計中使用漸變

正如同在上一篇文章《這7個技巧，幫你搞定頁面中背景紋理的設計》中所說道，在今天，漸變色幾乎就是時尚的代名詞。從玄妙而優(yōu)雅的漸變，到多彩失真的復古結果，漸變所帶來的視覺吸引力，從視覺到交互上都有不錯的提拔。

假如你對于漸變無感，那么今天的文章，會給你10個讓你無法拒絕的使用漸變的理由。

1、讓背景具備視覺吸引力

漸變的背景能夠幫助用戶更好地感知和理解設計。當眼睛感知到屏幕上的色調和明暗轉變的時候，會故意識地細致到特定的色彩和視覺焦點。

漸變是特別很是有有效的吸引人的視覺工具，為許多設計項目增色不少。雖然使用漸變的方法許多，但是最流行的依然是將圖片和文本放置在有漸變色彩的背景上。

下面的案例就是這么做的。柔和的色彩讓視線更容易找到被安放的地方，空曠的背景由于漸變而顯得富有高級感，前景元素擁有不錯的可讀性，底部的“發(fā)現(xiàn)更多”也更容易被人細致到。

2、在文本字體中營造焦點

漸變可以在背景中使用，而前景元素同樣可以使用漸變。假如將高飽和度的漸變色彩疊加在字體當中，能夠創(chuàng)造出頗為抓人眼球的設計感。不過值得細致的是，在色彩的選取上，肯定要故意識地控制對比度，如許才能保證可讀性。

3、漸變色疊加能夠讓平淡的圖片更加出彩

色彩是有情緒的，將色彩疊加到圖片上，能夠賦予圖片以情感和情緒。漸變色疊加在圖片上的時候，即使圖片自己的素質和情勢感并不強，色彩的加持同樣能夠讓整個場景更加時尚。

漸變色彩的誒額加能夠強化品牌，為網站賦予個性。通亮的色彩和柔和的色彩所帶來的結果是截然不同的。

不過考慮到漸變和色彩疊加的使用頻率已經很高了，在設計的時候肯定要細致就加入一些獨特、有個性的元素。

4、指導視線

好的漸變設計，能夠起到指導視線的作用。絕大多數的用戶在獲取信息的時候，都是從上到下，從左到右來看的，我們常說的F式的閱讀體例就是如許。

你可以使用漸變色彩的明暗轉變來強化這種閱讀風俗，比如從用戶的閱讀起點（左上角的LOGO或者頂部的導航），色彩漸漸漸變到底部的CTA按鈕上，眼睛會先細致到通亮的部分，然后漸漸移動到較暗的部位。

5、令人難忘的色彩搭配

雖然漸變越來越流行，但是每種不同的配色方案所帶來的體驗其實是截然不同的。一些殺手級的配色特別很是值得長期使用，品牌化的配色也可以讓用戶更容易記住品牌的視覺特性。

漸變能夠讓色彩之間產生關聯(lián)，甚至漸變能夠讓這幾種色彩組成的漸變如統(tǒng)一種全新的色彩一樣使用。尤其當這幾種色彩和你的配色方案相互匹配的時候，這種視覺上的關聯(lián)就顯得特別很是壯大了。

6、強化品牌

假如你的品牌配色適合制作成漸變的時候，肯定要試試。在本身的網站和平面設計作品中使用如許的漸變色彩，能夠更好地同用戶產生聯(lián)系。

想想如何讓雷同的漸變在不同的場合發(fā)揮作用吧。在網站中，在廣告里，在海報中，在門店的裝修中，在社交媒體上，當這種漸變出如今各種各樣的地方的時候，用戶對于品牌的認知會越來越強。

下面的案例是一個銀行的網站，他們的這種漸變頗為風趣，他們不僅在網站中如許設計，而且在其他的地方也使用了類似的配色，如許就從配色上強化了品牌的概念。

7、漸變照舊特別很是容易創(chuàng)建的

創(chuàng)建漸變色照舊特別很是簡單的，只必要選取2到3種不同的顏色，然后選擇色彩轉變的外形，色彩的肇端的位置，以及疊加的位置。

就外形而言，色彩漸變是有方向性的，從左到右，從上到下，又或者基于一點發(fā)散出來的，千變萬化。在設計漸變的時候，可以包含一種甚至多種漸變的類型。

選擇漸變的色彩可能是最麻煩的步驟，你可以在色輪上選取對比色或者近似色來制作漸變。當然，許多時候你并不肯定非得本身去設計配色，而是可以使用下列現(xiàn)成的工具來制作：

WebGradients：內置180種預先設計好的漸變，可以生成CSS、PNG和Sketch、PS的版本。

Gradient Buttons：可以生成帶有不同懸停狀況的CSS按鈕

Gradient Wave Generator：可以使用你自定義的色彩來制作很炫酷的漸變結果，你還可以控制肇端的位置。

8、色彩漸變會感覺更加天然

雖然漸變不會是你的首要的想法，但是通常漸變會給人以更加天然的感覺，尤其是當漸變配色吻合天然特性的時候。天然界中絕大多數的物體都不是單一色彩。

漸變自己就是天然的選擇，所以，當你不知道選取什么樣的色彩的時候，可以從天然的照片中選取合適的色彩。下面的插畫就是一個很典型的例子，傍晚天空的色彩會天然地從橙色過渡到藍色。

9、幫你構建獨特的主視覺

當你的整個設計并沒有那么個性化的特性的時候，一個好的漸變結果能夠幫你創(chuàng)造出有用且風趣的視覺。跳脫的通亮的色彩或者品牌色能夠讓你的網站設計特別很是有特色。

色彩的轉變自己是特別很是風趣的，它們即使單獨用作設計元素，都可以創(chuàng)造充足良好的設計，讓網頁充滿情感吸引力，幫助用戶找到對的感覺。

10、漸變是設計趨勢

漸變是一種簡約且高度可用的元素，它可以創(chuàng)造出一些時尚的氛圍，但是又不會有信息過載的擔憂。這使得漸變成為一種富有感染力又特別很是實用的設計解決方案。

漸變之所以每隔幾年就會成為設計流行趨勢，很大程度上得益于它天然的特性和普遍的吸引力。