頁設(shè)計6503627.jpg)
化9068065.png)
化1754442.png)
化白色2686469.png)
TEL：
經(jīng)過多年的平淡，材料和完全簡約的風(fēng)格，漸變已經(jīng)卷土重來。無論你在哪里，設(shè)計師們都在使用褪色的顏色來增加視覺興趣，創(chuàng)造用戶參與，設(shè)計一些值得一看的東西。如果你不喜歡漸變，也許是時候重新考慮你在這個問題上的立場了。為了說服你，我們有10個理由在你的網(wǎng)站設(shè)計項目中愛上使用漸變。
1.背景創(chuàng)建興趣
漸變可以創(chuàng)建視覺興趣，并通過設(shè)計幫助用戶移動。眼睛會在一個顏色區(qū)域著陸，色調(diào)和光線和暗區(qū)之間的變化可以幫助將焦點轉(zhuǎn)移到屏幕上。
漸變可以是一個非常有用和迷人的設(shè)計工具，并為眾多的項目添加火花和陰謀。雖然有很多使用漸變的方法，但最受歡迎的選項之一是作為背景元素的圖片、文本和其他元素。
下面的示例使用了這種精確的技術(shù)。漸變?yōu)檠劬μ峁┝艘粋€休息的地方，它可以幫助你從屏幕的頂部到下一個角落，在那里你可以找到更多的方向。
漸變可以通過頁面的其他部分，在滾動頁面下方，這樣用戶就可以隨時記住它們的位置。它還提供了一個光暈類型區(qū)域，突出了主要的導(dǎo)航。
2.刻字可以提供重點
正如一個漸變可以在背景中使用一樣，它也可以是一個前景元素。顏色漸變是一種非常通用的技術(shù)，可能會對它們的整體流行程度有所幫助。
翻轉(zhuǎn)使用和前景漸變可以作為填充在一個更簡單的背景上，突出并引起注意。
顏色的選擇必須是有意的，這樣才能保持足夠的對比度和可讀性。
3.疊加可以調(diào)出平淡的圖像
一個顏色疊加可以給一個有點乏味的圖像增加額外的興趣。一個漸變疊加不是一個低分辨率或低合成圖像的修復(fù)，但是它可以給一個簡單的場景更多的流行。
梯度覆蓋可以幫助建立品牌，以及網(wǎng)站的聲音、語氣和個性。鮮艷的顏色與柔和的選擇截然不同。
盡管這一技術(shù)看起來很整潔，例如下面的組合示例，但它開始有點過度使用了。一定要做一些與完整的圖像不同的東西，梯度覆蓋來將你的設(shè)計分開。下面的例子是通過完全消除圖像，使?jié)u變的底部在屏幕的底部創(chuàng)建一個純色條。
4.幫助移動眼睛
一個巨大的漸變可以幫助你的眼睛通過設(shè)計，從而幫助用戶創(chuàng)建意圖。大多數(shù)用戶從左上角開始，在屏幕上向下移動，在某種程度上閱讀了f型模式。
使用漸變顏色方案中較輕和較暗的區(qū)域，將眼睛從起始點(如徽標(biāo)或主要消息)移動到主要調(diào)用動作。眼睛會先進入顏色最淺的區(qū)域，然后移動到較暗的空間。設(shè)計并放置漸變顏色以加強眼球運動。
5.創(chuàng)造令人難忘的東西
當(dāng)漸變變得越來越流行的時候，每個顏色組合都有些不同，這讓用戶難以忘懷。一個殺手級的顏色組合可以堅持使用，一個用戶幫助他們記住你的品牌或消息。
設(shè)計漸變的目的是幫助創(chuàng)建連接。一個好的漸變的酷之處在于它幾乎變成了一種顏色。如果你有一個很大的漸變，就像你在你的品牌調(diào)色板中使用其他顏色來建立一個視覺連接一樣。(或者使用多個漸變作為調(diào)色板。)
6.強調(diào)品牌色彩
如果你的品牌顏色適合搭配，使用漸變。對于試圖建立自己的新品牌或網(wǎng)站，這可能是建立品牌和與用戶建立聯(lián)系的堅實途徑。
想想如何將同樣的漸變風(fēng)格融入到網(wǎng)站的多種用途中——在網(wǎng)站上，在平面媒體或廣告宣傳中?？吹较嗤伾南嗤伾谙嗤臐u變中會開始粘在用戶身上，他們會把這些顏色和你聯(lián)系起來。
下面的例子，社區(qū)銀行，就是這樣做的。顏色的選擇是有趣的和梯度-在照片和底部導(dǎo)航欄-加強調(diào)色板和它與品牌的關(guān)系。
7.他們很容易創(chuàng)建（或生成）
在圖像中添加一個漸變或從頭創(chuàng)建一個漸變可以簡單到選擇兩到三種顏色，然后選擇漸變的形狀，顏色應(yīng)該從哪里開始，停止和重疊。
梯度，在形狀上是定向的，從左到右或向上或向下;或徑向，顏色的變化從一個點以圓形的方式發(fā)散。一個設(shè)計可以包含一個或多個漸變樣式。
選擇漸變的顏色可能是最困難的一步。在色輪附近使用顏色將會產(chǎn)生最互補和自然的梯度。但這并不總是你必須要做的。在這種情況下，你會想要使用顏色，這樣你就不會在你的主要顏色選擇的空間里出現(xiàn)討厭的色調(diào)。
需要做一個漸變，不相信你的技能?試試這些工具中的一個:
WebGradients:在CSS、PNG、Sketch和Photoshop中免費收集180+預(yù)制梯度色板。
漸變按鈕:帶有動畫懸停狀態(tài)的漸變按鈕的CSS。
梯度波發(fā)生器:用你自己的顏色做一個很酷的梯度波，開始和停止。
8.顏色淡化感覺自然
雖然這可能不是你的第一個想法，但漸變的顏色和組合往往是自然的。想想吧，不是自然界的所有東西都是純綠色的。
漸變是這個原因的自然選擇，特別是當(dāng)你將會在自然界中逐漸消失的顏色結(jié)合起來的時候。
下面的插圖是一個非常明顯的例子，天空從白天(橙色)到夜晚(藍(lán)色)逐漸消失。
9.當(dāng)你沒有主導(dǎo)視覺時創(chuàng)造藝術(shù)
一個好的漸變可以創(chuàng)造視覺興趣和視覺顯示，當(dāng)你沒有太多的工作。使用明亮的顏色，例如下面的例子，或品牌顏色可以幫助建立你的網(wǎng)站的存在。
顏色的變化是非常有趣的，它們可以作為一個設(shè)計元素單獨存在。思考你如何使用，選擇顏色，這樣他們就能為用戶創(chuàng)造正確的情感吸引力，并幫助他們找到與內(nèi)容相關(guān)聯(lián)的正確感覺。即使是一個細(xì)微的漸變，也可以為設(shè)計定下基調(diào)。
10.漸變趨勢
漸變是一種簡單易用的元素，可以讓你在不感到壓力的情況下添加一些時尚元素。用這么多的方法來使用梯度，這可能是你的首選解決方案。雖然漸變已經(jīng)不再受歡迎，但它們往往會很快回來，因為它幾乎具有普遍的吸引力。
