漸變是顏色過渡的過程變化的效果，由中心色點(diǎn)出發(fā)，逐漸融入另一個(gè)色點(diǎn)，比較常見的漸變是將相同顏色的色調(diào)混合在一起，例如深藍(lán)到淺藍(lán)色。如果你的網(wǎng)頁視覺設(shè)計(jì)需要強(qiáng)烈一點(diǎn)的變化，也可以將不同顏色組合在一起。

漸變的類型

漸變過去被視為專業(yè)設(shè)計(jì)師才能掌握的高級技巧，如今許多工具軟件，甚至是CSS的語法都能輕易的生成出漸變效果，使頁面看起來更豐富。 

目前設(shè)設(shè)常用有四種類型的漸變：

線性漸變

線性漸變是原始、完美和傳統(tǒng)的——從構(gòu)圖的一側(cè)直接移動到另一側(cè)。由軸或漸變線定義，線性漸變由兩個(gè)顏色停止點(diǎn)（一個(gè)起點(diǎn)，另一個(gè)終點(diǎn)）確定，但可以通過其間的可選顏色停止點(diǎn)放大。

大多數(shù)網(wǎng)站架設(shè)者只允許您向線性漸變添加兩種顏色。您可以添加多達(dá)八種單獨(dú)的色調(diào)，以獲得真正令人驚嘆的視覺體驗(yàn)。漸變的角度也可以改變，無論是垂直、水平還是某個(gè)角度。

路徑漸變

由中心點(diǎn)決定漸變的方向。設(shè)計(jì)師可以自己添加多個(gè)顏色漸變點(diǎn)，來定義周圍的形狀。您可以為任何徑向漸變添加多種顏色，一般來說不會超過四種。

錐形漸變

錐形漸變類似于路徑漸變，顏色過渡自中心點(diǎn)開始旋轉(zhuǎn)改變色彩，圓錐的外邊緣色彩會變得很發(fā)散。

混合漸變

當(dāng)一個(gè)畫布上的每個(gè)點(diǎn)，都有一個(gè)特定的顏色混合在一起，并設(shè)定顏色漸變，這就是混和漸變的設(shè)計(jì)技術(shù)，過去在印刷領(lǐng)域要達(dá)成很困難，但在計(jì)算機(jī)上卻很容易。

為什麼要在網(wǎng)頁設(shè)計(jì)中添加漸變？

漸變是網(wǎng)頁設(shè)計(jì)老手的好幫手，對設(shè)計(jì)新手來說駕馭會較為困難，好的漸變讓網(wǎng)站看起來現(xiàn)代而先進(jìn)，不好的漸變則會被視為古老而缺乏維護(hù)的網(wǎng)站。當(dāng)然我們總是要看好的一面，當(dāng)你只掌握漸變的設(shè)計(jì)技巧，就可以享受到這些優(yōu)勢：

特色十足

人們眼睛對于顏色的變化很敏銳，漸變吸引了訪客的注意力，可以將訪問者的視線引向網(wǎng)頁設(shè)計(jì)的特定區(qū)域。

多彩活力

透過各種色調(diào)變化，是漸變背景歷久不衰的主因，即便只使用一種顏色，或細(xì)微的變化，也可以豐富設(shè)計(jì)的色彩，尤其是商業(yè)設(shè)計(jì)已經(jīng)約束許多色彩的使用，如能活用漸變，讓用戶感受到活力，是設(shè)計(jì)上的一大亮點(diǎn)。

層次印象

變化不大的漸變，可以帶來溫和的視覺效果，層次分明的漸變則能創(chuàng)造驚喜，讓訪客眼睛為之一亮。如果遇到了色彩上的瓶頸，更改漸變的不透明度，或試試看不同濾鏡，可以活絡(luò)漸層的效果，讓漸層有更多多彩組合。